html - 如何强制 div 元素将其内容保存在容器中

标签 html css

我正在制作一个 CSS 菜单。为此,我使用了 ul。当我使 li 向左浮动时,所有 li 都在 ul 之外。我的意思是 ul 的高度变为零。我怎样才能让 liul 中显示 float left 。

一种方法是用一些通用类制作一个 div 标签,并在 css 中添加 clear: both 但我不想要这个。

我该如何解决这个问题?

最佳答案

只需添加 overflow: auto;<ul> .这将使文本不会泄漏到 UL 之外。

参见:http://jsfiddle.net/6cKAG/


但是,根据您的操作,制作 <li> 可能更容易display: inline; .这完全取决于您在做什么!

参见:http://jsfiddle.net/k7Wqx/

关于html - 如何强制 div 元素将其内容保存在容器中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11219931/

相关文章:

css - 使用 Flexbox css 布局

css - 更改页面上任何元素的颜色

javascript - 进入 web 开发 - 如何使 javascript 响应不同的浏览器大小

javascript - 检测加载的图像是否为没有文件扩展名的 SVG

html - 将表体显示为可滚动

html - 一个接一个地放置一个 div

html - 为什么 float div会使下一个div占据整个空间?

javascript - 将导航固定在滚动条上时如何防止 Chrome 闪烁?

html - 如何在背景透明时为页面设置默认背景颜色

html - 具有对齐列的子表