html - 列表项在列表和 div 区域之外运行

Question

我遇到了菜单无序列表的问题。因此，列表项超出了边界，<ul>并且<div>只有在到达屏幕边缘后才开始下一行。

score 27 · Accepted Answer

做显示：块；总是……永远不要做display: inline;或display: inline-block;

要修复无序列表从 DIV 中溢出，请尝试进入 CSS 并应用此：

ul {
list-style-position: inside;
}

score 15 · Accepted Answer

您可以float: left;在lis 上使用而不是display: inline;.

请记住也要overflow: hidden;在父元素（ul）上使用。

另一种选择是使用：display: inline-block，但我不是 100% 确定浏览器支持。

score 0 · Accepted Answer

0

让他们display: block，不是inline。

于 2012-01-04T17:09:34.800 回答

score 0 · Accepted Answer

为了修复无序列表从 DIV 中涌出，我建议进入 CSS 并添加一个最小宽度。

所以，例如，如果你的父母有一个 width:600px 在那个 div 中给一个类并设置一个 min-width:600px 这将保持

物品相互堆叠并溢出到父项之外。为我工作。

4 回答 4