Css 在IE6中，如何防止带有浮动子项的浮动父项扩展到100%宽度？_Css_Internet Explorer 6_Css Float

Css 在IE6中，如何防止带有浮动子项的浮动父项扩展到100%宽度？

css

Css 在IE6中，如何防止带有浮动子项的浮动父项扩展到100%宽度？,css,internet-explorer-6,css-float,Css,Internet Explorer 6,Css Float,我有一个左浮动的div，有两行左浮动的子块。每行用一个简单的清除块清除问题是IE6将父块的宽度扩展到可用空间的100%，而在其他浏览器中，父块的宽度设置为完全包裹子块当所有子块浮动时，IE6中的宽度是正确的。但我需要将子块按行排列，所以我在每行后面放置一个额外的空白块。之后，父对象的宽度将扩展到100% 在IE6中是否有一个解决办法来使用正常的父块宽度？桌子不受欢迎我没有访问IE6的权限，所以我不能检查这个。但您可以尝试以下方法：将块放在容器中，并清除：两个正如我所说，它可能会给你同样

我有一个左浮动的div，有两行左浮动的子块。每行用一个简单的清除块清除

问题是IE6将父块的宽度扩展到可用空间的100%，而在其他浏览器中，父块的宽度设置为完全包裹子块

当所有子块浮动时，IE6中的宽度是正确的。但我需要将子块按行排列，所以我在每行后面放置一个额外的空白块。之后，父对象的宽度将扩展到100%

在IE6中是否有一个解决办法来使用正常的父块宽度？桌子不受欢迎

我没有访问IE6的权限，所以我不能检查这个。但您可以尝试以下方法：

将块放在容器中，并清除：两个

正如我所说，它可能会给你同样的问题。。。但这是一种选择。顺便问一下，您是为使用ie6的特定公众设计的吗？如果不是的话，我就不会太担心里面的东西看起来不一样了，你会因为把所有东西都改编成一个版本而抓狂，这个版本会毁掉它所接触到的所有东西

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
    <style type='text/css'>
        #parent {
            float: left;
            background-color: black;
        }

        .block {
            width: 30px;
            height: 30px;
            background-color: yellow;
            margin: 10px;     
            float: left;
        }

        .clear {
            height: 1px;
            clear: both;
            font-size: 1px;
            line-height: 0px;
        }
    </style>
</head>

<body>
    <div id="parent">
        <div class="block">1</div>
        <div class="block">2</div>
        <div class="block">3</div>
        <div class="block">4</div>

        <div class="clear"></div>

        <div class="block">5</div>
        <div class="block">6</div>
        <div class="block">7</div>
        <div class="block">8</div>

        <div class="clear"></div>
    </div>
</body>