2015-01-13 56 views
2

雖然我清楚添加了我的HTML和CSS下面DIV高度不起作用,雖然有明確的:既

.a{ 
 
\t margin: 0px 150px; 
 
\t box-shadow: 0px 0px 10px #888888; 
 
\t text-align: center; 
 
} 
 
.a:before , .a:after{ 
 
\t content: ""; 
 
\t clear: both; 
 
\t visibility: hidden; 
 
} 
 
.b { 
 
\t float: left; 
 
\t width: 50%; 
 
} 
 
.c { 
 
\t float: right; 
 
\t width: 50%;
<div class="a"> 
 
\t <div class="b"> 
 
\t \t <ul> 
 
\t \t \t <li>DATA 1</li> 
 
\t \t \t <li>DATA 1</li> 
 
\t \t \t <li>DATA 1</li> 
 
\t \t </ul> 
 
\t </div> 
 
\t <div class="c"> 
 
\t \t <ul> 
 
\t \t \t <li>DATA 1</li> 
 
\t \t \t <li>DATA 1</li> 
 
\t \t \t <li>DATA 1</li> 
 
\t \t </ul> 
 
\t </div> 
 
</div>

<div class="a">不包圍2 <div class="b"><div class="c">:兩者兼而有之?

現在我必須爲div.a添加高度來解決這個問題,但我不想要這個。

enter image description here

爲什麼,以及如何解決這一問題?

謝謝你這麼多

回答

0

您需要添加:

.a { 
    overflow:auto; 
} 

獲取父涵蓋浮動子元素。

jsFiddle example

+0

它工作像魅力。謝謝 – Ivan