我有一个包含两个 <div>
的列表每个 <li>
中的 s我想将它们一个接一个地 float ,我想要 <li>
占用整个可用空间。我该怎么做?
<html>
<head>
<title></title>
<style type="text/css">
body {
}
ul {
}
li {
}
.a {
}
.b {
}
</style>
</head>
<body>
<ul>
<li>
<div class="a">
content
</div>
<div class="b">
content
</div>
</li>
</ul>
</body>
</html>
最佳答案
*{ margin: 0; padding: 0;}
li{ width: 100%: display: block; }
li:after{ clear: both; }
div.a{ width: 49%; float: left; }
div.b{ width: 49%; float: left; }
应该可以解决问题。
关于html - 列表项中的 float div (ul, li),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/93625/