我有一个 div A，它应该根据位于它前面的另一个 div B 的“float:left”规则对齐
这个 div A 的内容正确对齐，但边框和背景没有，它们不遵守另一个 div B 的“float:left”规则，只是在它下面
看图 https://drive.google.com/file/d/0BxKs3ENJmLAtMDVUY3ZhTFZQYWM/edit?usp=sharing
我注意到，如果我在我的 div A 的样式中添加一个“display:table”，这个问题正在解决，但是我有另一个问题，这似乎是由“display:table”规则引起的: 我的 div 的边框和背景不再延伸到右侧页面的末尾，它们只是绕过 div 的内容
看图 https://drive.google.com/file/d/0BxKs3ENJmLAtTHVZVnNPSm9FREE/edit?usp=sharing
鉴于这是一个响应式网站，我不能为元素使用固定宽度参数，是否有任何 css 技巧可以解决这个问题？
谢谢!
最佳答案
在提出这个问题后的 4 年多时间里，Flexbox 得到了更广泛的支持。
在 div A 上使用 display: flex; 应该可以:https://codepen.io/davidding/pen/KxeWEP
关于css - div 边框不尊重 float ，而 div 内容尊重 float ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22174294/