身高列表項的應DIV的大小自動增加其內部

Question

我有以下標記：

<ul data-role="listview" data-inset="true" class="stuff site-content lists"> 
     <li> 
     <div class="nearby"> 20 </div> 
     <h1> name</h1> 
     </li> 
</ul> 

css是：

.nearby{width: 85px; 
    height: auto; 
    float: left; 
    margin-right: 10px; 
    font-size: 26px; 
    text-align: center; 
    padding: 15px 0; 
    border: 2px #c1c1c1 solid; 
    background: #fafafa; 
} 
li{padding: .7em 15px; 
    display: block; 
} 

不幸的是，DIV不能很好地坐在中間，因爲它太高。無論如何，li物品的高度也會增加，因此其填充量取決於div而不是h1？

Answer 1

您必須添加以下爲它工作：

li{overflow:hidden;} 

當浮動元素的父設置爲overflow:hidden;你強迫它來包裝整個內容抹灰。這是一個非常有用的技術，它被用於很多。

Answer 2

設置float:left爲ul和李兩個我總是有這個問題試試吧