我不断发现自己在 IE7 中浮动的元素存在问题。
我已经阅读了许多与此类似的 Stack Overflow 问题,但似乎没有任何始终如一的干净 CSS 答案。
我的意思是我想看到不改变 HTML 的答案。例如:
- 先放浮动元素
- 在浮动元素之后添加一个 'clear: both' div。
我知道有时浮动元素不考虑其父母的高度,因此有时无法正确包含它。有时我发现自己用 zoom: 1 为元素“添加布局”,有时会修复它。其他时候,我发现自己在一个有条件的 IE7 样式表中搞砸了,这在我看来并不是最好的解决方法。
注意:我所说的“有布局”是什么意思 - http://www.satzansatz.de/cssd/onhavelayout.html
我还阅读了与使用相对和绝对定位(分别为父 div 和子 div)有关的其他答案。这会将其拉起,但通常会影响周围的 div。
如果有人可以深入解释发生这种情况的原因以及对各种修复的详细讨论,我很乐意为这个问题添加赏金,理想情况下仅限 CSS!
非常感谢!
编辑
我遇到的最常见的问题是当我遇到这样的事情时:
左侧边栏 - 主要 - 右侧边栏
浮动时,权利通常会下降。理想情况下,这应该是 Left - Right - Main 的格式,但我不断发现自己的样式开发人员工作(主要是 Drupal)在这种情况下,让他们改变他们的工作太麻烦了。有道理?因为我在为开发人员设计样式,所以他们也从来没有把透明块放进去(我个人认为这无论如何都是可怕和肮脏的!)