html - 使容器 元素内的所有 元素具有相同的宽度

Question

我已经为此苦苦挣扎了一天左右，我已经返回并从第一个方 block 开始了几次，但我正在尝试让水平的 css 弹出标题按我想要的方式工作。

当容器扩展以容纳它们时，我想根据需要扩展下拉列表位(如果类别名称强制在一行上会很好)。 fiddle 会更好地解释。

http://jsfiddle.net/HyuLy/

有什么想法吗？

Answer 1

您有一些 width: 100% 会因为您的 padding 而破坏您的布局。 width 是元素的内部宽度，所以当您将 width:100% 与 padding:20px 结合使用时，您的元素现在是100% + 40 像素。

此外，您还有一些不应该存在的 float: left。如果您要垂直堆叠元素，则无需 float: left。

看看这个:http://jsfiddle.net/scrimothy/mxW4y/

由于这里发生了很多事情，您可能需要将此 css 复制回您的文本编辑器以便更好地查看它。我删除了一些宽度和 float