CSS 漂浮在浮动IE6边缘错误的inherted div宽度Bug

Posted 2021-05-23

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS 漂浮在浮动IE6边缘错误的inherted div宽度Bug相关的知识，希望对你有一定的参考价值。

&lt;body&gt;
  &lt;div id=&quot;page&quot;&gt;
    &lt;div id=&quot;content&quot; style=&quot;background-color: yellow;&quot;&gt;
      &lt;div id=&quot;group1573&quot; class=&quot;cmsGroup&quot; style=&quot;width: 50%; padding: 0%; background-color:red; display:block;&quot;&gt;
        &lt;!-- Bugfix for IE6 related margin width --&gt;
     &lt;div style=&quot;width: 100%&quot;&gt;
        &lt;!-- E: Bugfix --&gt;
       &lt;div id=&quot;cell2352&quot; class=&quot;cmsCell&quot; style=&quot;width: 99.6%; background-color:yellow;&quot;&gt;
            &lt;p&gt;Box 1&lt;/p&gt;
          &lt;/div&gt;
          &lt;div id=&quot;cell3467&quot; class=&quot;cmsCell&quot; style=&quot;width: 22.58%; float: left; background-color: green; margin-right: 3.09%;&quot;&gt;
            &lt;div&gt;
              &lt;p&gt;Box 2&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div id=&quot;cell1574&quot; class=&quot;cmsCell&quot; style=&quot;width: 73.93%; background-color:#CC9966;&quot;&gt;
            &lt;p&gt;Box 3&lt;/p&gt;
          &lt;/div&gt;
        &lt;!-- Bugfix for IE6 related margin width --&gt;  
        &lt;/div&gt;
        &lt;!-- E: Bugfix --&gt;
   &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/body&gt;

以上是关于CSS 漂浮在浮动IE6边缘错误的inherted div宽度Bug的主要内容，如果未能解决你的问题，请参考以下文章

CSS 错误修复：IE双边缘浮动Bug

CSS 在IE6，IE7，Firefox，Opera和Safari中清除浮动 - 一种新方法

46 浮动一 1块元素在文档流中默认垂直排列2float 元素浮动 3 元素向左上漂浮和向右上漂浮浮动元素浮动的规则

HTML+CSS基础之兼容性问题

css清除浮动

CSS 浮动 float 属性