Html 如何扩展ul和li的div容器?
我有一个div,里面有它的内容(列表)Html 如何扩展ul和li的div容器?,html,css,html-lists,Html,Css,Html Lists,我有一个div,里面有它的内容(列表) 您有几个选择: 在容器上: #container:after { clear: both; content: ""; display: table; } #container { float: left; } 溢出的次数: #container { overflow: hidden; /* or: auto | scroll */ } 漂浮容器: #container:after { clear:
您有几个选择:
#container:after {
clear: both;
content: "";
display: table;
}
#container {
float: left;
}
#container {
overflow: hidden; /* or: auto | scroll */
}
#container:after {
clear: both;
content: "";
display: table;
}
#container {
float: left;
}
inline block
而不是float
:
#container ul li {
display: inline-block;
float: none;
}
您有几个选择:
#container:after {
clear: both;
content: "";
display: table;
}
#container {
float: left;
}
#container {
overflow: hidden; /* or: auto | scroll */
}
#container:after {
clear: both;
content: "";
display: table;
}
#container {
float: left;
}
inline block
而不是float
:
#container ul li {
display: inline-block;
float: none;
}
li {
display: inline-block;
float: none; /* only if you have this set as you mentioned in your post */
}
#container {
height: auto;
}
试试这个方法
li {
display: inline-block;
float: none; /* only if you have this set as you mentioned in your post */
}
#container {
height: auto;
}
有些人喜欢展开菜单?那么
float:left在哪里代码>在你的CSS中?顺便说一下,您的#容器
div缺少一个闭合角括号(
)。请给出一个更完整的代码示例。如果可能的话,创建一个JSFIDLE,这样我们就可以看到问题所在了。例如,我的容器有背景色:红色;我希望div容器基于13个元素展开。我有5-5-3。有些人喜欢扩展菜单?那么浮动:左代码>在你的CSS中?顺便说一下,您的#容器
div缺少一个闭合角括号(
)。请给出一个更完整的代码示例。如果可能的话,创建一个JSFIDLE,这样我们就可以看到问题所在了。例如,我的容器有背景色:红色;我希望div容器基于13个元素展开。我有5-5-3。我认为是“溢出:隐藏”,因为现在它起作用了:)谢谢我认为是“溢出:隐藏”,因为现在它起作用了:)谢谢你的回答,但正如我上面所说,我认为我的“溢出:隐藏”不见了谢谢你的回答,但正如我上面所说,我想我的“溢出:隐藏”不见了