이전 단락의 오버플로 속성을 기반으로 새 단락에서 내 단락이 시작되지 않는 이유에 대해 혼란 스럽습니다.오버플로가 보이지 않거나 눈에 띄지 않는 내보기가 생깁니다.
내 plunker을 확인하고 line 11의 오버플로 속성을 hidden으로 변경하면 정상적으로 작동합니다. visibile에보기가 위로 올라갑니다.
나는이 문제를 해결할 수있는 clearfix를 알고 있지만, 왜 내가 관심이 있는지는 오버플로가 내보기에이를 수행하는 이유입니다.
ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
overflow: visible; /* Change this to visible/hidden*/
}
하자 나에게 분명 뭔가 오버 플로우 : 그것은 :after{clear:both;content:"";display:block;} 의 짧은 형태이기 때문에 UL 명확하게 숨겨져 있지만 overflow:hidden에 그것에게 자기를 삭제하고 높이의 아무것도하지만,이 밖에 표시되지 않습니다 걸릴.
이 예제에서는 부동 요소가 있으며 부모 UL은 너비와 높이를 사용하지 않으므로 단락이 그 옆에 표시됩니다. 당신이 overflow:hidden를 추가 할 때의 짧은 형태이기 때문에 다음 UL은 높이와 너비를 취 레이아웃 속성을 가지고 :after{clear:both;content:"";display:block;}
희망이
감사 지울 수 있도록
문제는 UL이 때문이다 float: left; 텍스트 요소는 기본적으로 오른쪽에 있습니다. 따라서 overflow: hidden; 속성을 추가하면 목록 주위의 영역이 지워집니다.
플로팅 요소에는 great read도 있습니다.
에 float가 남았습니다. 오버 플로우 특성을 ul에서 제거하면 탁월한 성능을 발휘합니다.
ul{ font-size:0px;}
ul li{ vertical-align:top; display:inline-block;}
ul li a{ font-size:16px; float:none;}
는 :(액세스 plunker 캔트 사람들을 위해 질문 자체를 재현하는 데 필요한 가장 짧은 코드를 기입하십시오 :
는에 CSS에서 다음과 같은 속성을 추가 – SW4