2

我花了很长时间才解决这个问题。我无法表达我所经历的挫败感,如果我这样做了,它就不适合任何网站。曾经。这是给我带来巨大痛苦的 HTML 代码:

<div style="padding: 5px; background: #EEE">
    This text is invisible. Remove either padding or background to see this.  
    <div>
        <div style="float: left;">left</div>
        <div style="clear: both;"></div>
    </div>
</div>

文本是不可见的,除非你突出显示它或在它上面拖动一个窗口,或者类似的东西。

如果您删除填充或删除背景,此问题将得到解决。

我怎样才能解决这个问题?

4

2 回答 2

4

你被Peek-a-boo咬了。

从该链接,您的选择是:

  1. 保持清除 div 不接触浮动,或避免在 div#floatholder 上使用背景。不完全理想。
  2. 给 div#floatholder 和 div#float 'position: relative'。请务必全面测试此方法。
  3. 给 div#floatholder hasLayout (现在首选方法)
于 2008-12-11T04:43:08.853 回答
3

看起来像经典的 hasLayout 问题。为最外层的 div 添加宽度或尝试此处描述的任何其他方法。

于 2008-12-11T04:45:24.027 回答