0

我有以下标记：

<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？

4

2 回答 2

3

您必须添加以下内容才能使其正常工作：

li{overflow:hidden;}

将浮动元素的父级设置为overflow:hidden;强制它包装整个浮动内容时。这是一种非常有用的技术，并且被大量使用。

于 2013-08-21T13:21:31.780 回答
0

为 ul 和 li设置float:left 我总是有这个问题试试

于 2013-08-21T13:21:50.390 回答