我已经为此苦苦挣扎了一天左右,我已经返回并从第一个方 block 开始了几次,但我正在尝试让水平的 css 弹出标题按我想要的方式工作。
当容器扩展以容纳它们时,我想根据需要扩展下拉列表位(如果类别名称强制在一行上会很好)。 fiddle 会更好地解释。
有什么想法吗?
最佳答案
您有一些 width: 100%
会因为您的 padding
而破坏您的布局。 width
是元素的内部宽度,所以当您将 width:100%
与 padding:20px
结合使用时,您的元素现在是100% + 40 像素。
此外,您还有一些不应该存在的 float: left
。如果您要垂直堆叠元素,则无需 float: left
。
看看这个:http://jsfiddle.net/scrimothy/mxW4y/
由于这里发生了很多事情,您可能需要将此 css 复制回您的文本编辑器以便更好地查看它。我删除了一些宽度和 float
关于html - 使容器 <ul> 元素内的所有 <li> 元素具有相同的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12322965/