我已经为此苦苦挣扎了一天左右，我已经回去并从第一方开始了几次，但我试图让一个水平 css 弹出标题按我的意愿工作。
当容器扩展以容纳它们时，我想根据需要扩展下拉位（如果类别名称被迫在一行上会很棒）。小提琴会更好地解释。
有任何想法吗？
问问题
202 次
4 回答
0
要使容器<li>内的所有元素<ul>具有相同的宽度，请添加：
div#dropMenu ul.level2 li {width: 100px;}
于 2012-09-07T17:48:19.120 回答
0
将代码更改为以下内容<li>以填充.<ul><ul><li>
.subCatodd{
background-color:#7b631d;
padding:10px 0;}
.subCateven {
background-color:#665011;
padding:10px 0;}
于 2012-09-07T18:05:04.067 回答
0
你有一些width: 100%因为你的 's 而破坏了你的布局padding。 width是元素的内部宽度，所以当你结合width:100%时，假设padding:20px你的元素现在是 100% + 40px。
此外，您还有一些float: left不应该存在的 's。如果您仍然垂直堆叠元素，则无需float: left.
看看这个：http: //jsfiddle.net/scrimothy/mxW4y/
由于这里发生了很多事情，您可能希望将此 css 复制回您的文本编辑器以更好地查看它。我删除了一些宽度和浮动
于 2012-09-07T18:28:25.467 回答
0
检查这个
当您开始将填充添加到 100% 宽度时，它会这样做，这就是为什么您的 li 对象开始覆盖其父对象的原因，它们不是 100%，它们就像您添加的填充的 110%，这是一个示例我是说...
如果开始基于 px 添加填充，则必须在 px 上定义宽度，使用 % 只会搞砸
于 2012-09-07T18:28:59.177 回答