1.div中加入ul时问题
代码:
<div>
<ul>
<li>qqqqqqqqqq</li>
<li>qqqqqqqqqq</li>
</ul>
</div>
结果如下:

<div>
<ul>
<li style="float:left">qqqqqqqqqq</li>
<li style="float:left">qqqqqqqqqq</li>
</ul>
</div>
结果如图:

现在有要求div的背景自适应:
在div中加入 overflow:hidden
本文探讨了在HTML布局中如何使div元素背景自适应其内容,并通过设置overflow属性来实现。文中提供了具体的代码示例,展示了如何将ul列表放入div容器中,并通过float属性对li元素进行布局。
1.div中加入ul时问题
代码:
<div>
<ul>
<li>qqqqqqqqqq</li>
<li>qqqqqqqqqq</li>
</ul>
</div>
结果如下:

<div>
<ul>
<li style="float:left">qqqqqqqqqq</li>
<li style="float:left">qqqqqqqqqq</li>
</ul>
</div>
结果如图:

现在有要求div的背景自适应:
在div中加入 overflow:hidden

被折叠的 条评论
为什么被折叠?