div内容不尊重float而div内容

Question

我有一个div A，它应该相应地对齐到位于它之前的另一个div B的“float：left”规则

这个div A的内容正确对齐，但边框和背景没有，它们不尊重另一个div B的“float：left”规则而只是低于它

见图片 https://drive.google.com/file/d/0BxKs3ENJmLAtMDVUY3ZhTFZQYWM/edit?usp=sharing

我注意到如果我在我的div的样式中添加“display：table”这个问题正在解决，但是我有另一个问题，这似乎是由“display：table”规则引起的： 我的div的边框和背景不再扩展到右边页面的末尾，它们只是绕过div的内容

见图片 https://drive.google.com/file/d/0BxKs3ENJmLAtTHVZVnNPSm9FREE/edit?usp=sharing

鉴于这是一个响应式网站，我不能使用固定宽度参数的元素，是否有任何CSS技巧来解决这个问题？

谢谢你！

Answer 1

你可以试试display: inline-block，或者你可以在元素上设置margin-left，它等于它上面元素的宽度，所以它会从它下面移开。