표시 : 표는 div의 높이를 확장합니다. 솔루션?

2 봉을 표시하는 html 시퀀스가 있습니다. 첫 번째 div 안에는 인라인 목록이 표시되기 때문에 display:table을 사용하고 싶습니다.이 방법이 더 멋지 기 때문입니다. 문제는 div를 확장하여 20px로 더 크게 만들고 다른 div를 더 낮게 이동한다는 것입니다.표시 : 표는 div의 높이를 확장합니다. 솔루션?

<div class="top-bar></div> 
<div class="tail-bar></div> 

.top-bar{  
    width: 520px; 
    height: 50px; 
    dispaly: table; 
    background-color: #FFFFFF; 
}

EDIT : 그것은이 display:table 태그

출처

2013-09-27 Setilă

코드의 JSFiddle을 설정할 수 있습니까? – Jasper

"어떻게 그렇게 좋을까요?" 무작위로 CSS 속성을 변경하고 어떤 것이 가장 잘 보이는지 보지 않고 필요에 맞게 설정해야합니다. 'display : table'과'display : block'은 다른 용도로 사용됩니다. – Adam

나는 jsFiddle을 즉시 설치하겠다. –

ul 소자 사이에 갭이없는 버전과 div 소자 실제로이었다 인 JSFiddle에게 http://jsfiddle.net/eCYUT/2/

를 추가 ul 소자에 관한 마진 .

제거하려면 ul 요소의 클래스 이름에 margin-bottom: 0px을 지정하십시오.

ul.stats{ 
    margin-bottom: 0px; 
    /* other css properties */ 
}

출처

2013-09-27 16:22:34

표시 : 표는 div의 높이를 확장합니다. 솔루션?

답변

관련 문제