gpt4 book ai didi

html - 列表项中的 float div (ul, li)

转载 作者:行者123 更新时间:2023-11-28 05:10:10 25 4
gpt4 key购买 nike

我有一个包含两个 <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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com