CSS 변수의 산술 연산이 코드를 손상시키는 이유를 알아보십시오. 나는 하나의 규칙과 간단한 CSS 파일을 시작 : 브라우저에서 html {
font: 16px/32px Arial;
}
, 그것은 기록 된대로 작동 : 글꼴 크기가 줄 높이가 32px입니다 16px이며, 글꼴 자체가 굴림이다. 은 그 때 나는 변수 추가 : 그것은 너무 작품 h
왜 이런 일이 발생하고 있습니까? 왜 div가 제대로 정렬되지 않는지 설명 할 수있는 사람이 필요합니까? HTML과 CSS는 : .horizontal-ruler {
width: 100%;
height: 25px;
line-height: 25px;
display: block;
font-size:
나는 calc() CSS 속성과 협력하고 난 그것에 대해 하나의 의심의 여지가 있습니다 당신은 내가 100% 빼기 위해 노력하고있어 코드에서 볼처럼 .main {
display: block;
margin-left: 4rem;
width: (100% - nav);
background: red;
}
nav {
p
마이크로 클래스를 통해 숫자를 지정하기위한 CSS 프레임 워크를 테스트하고 있습니다. 예를 들어 <div class="fifty percent wide">과 같은 문자는 width: 50%으로 번역 될 수 있습니다. 이 구현은 CSS 변수 (사용자 정의 속성)를 사용합니다. 모든 괜찮와 위대한 작품을 .fifty { --number: 50; }
.perc
나는 ul 요소와 5 자식 <li>을 가지고 있습니다. <ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<ul>는 display: flex 속성이 있습니다. 이 지금은 모두의 오른쪽 테두리를 추가 한 5 개 <li> 블록이 원하는 결과를 제공 ca
두 개의 자식 요소가있는 블록 요소가 있고 공간의 절반을 차지하고 고정 크기 간격을 뺀 것이 좋습니다. 이 calc()으로 쉽게해야합니다 : 위의 코드에서 var left = document.getElementById("left");
var right = document.getElementById("right");
var info = docume
패딩/여백/테두리없이 width: calc(100% - 100px); 입력이 있습니다. 옆에 div를 넣고 싶습니다. position : inline-block;과 width : 100px;. div는 다음 줄로 이동하지만 그 이유는 찾을 수 없습니다. div 너비를 96px로 줄이면 제대로 작동합니다. 4px가 누락 된 너비가 무엇인지 궁금합니다! 패딩