Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 我可以使用什么来代替css框大小调整?_Html_Css_Internet Explorer 7 - Fatal编程技术网

Html 我可以使用什么来代替css框大小调整?

Html 我可以使用什么来代替css框大小调整?,html,css,internet-explorer-7,Html,Css,Internet Explorer 7,我有以下html和css代码。我不想使用IE(6-7)等浏览器不支持的box size:border box,如何解决css的问题,以保持div的相同顺序?我希望浮动div之间的间距保持不变 div[class=“clmn”]{ 边框:实心。1米; 背景色:rgba(255,0,0,0.1); 宽度:33.13%; 填充:0.2米; 利润率:.1%; 框大小:边框框; } div[id=“div0”]{ 背景色:rgba(0,0255,0.1); 边框:实心1px红色; 溢出:自动; } #第

我有以下
html
css
代码。我不想使用IE(6-7)等浏览器不支持的
box size:border box
,如何解决
css
的问题,以保持
div
的相同顺序?我希望浮动div之间的间距保持不变

div[class=“clmn”]{
边框:实心。1米;
背景色:rgba(255,0,0,0.1);
宽度:33.13%;
填充:0.2米;
利润率:.1%;
框大小:边框框;
}
div[id=“div0”]{
背景色:rgba(0,0255,0.1);
边框:实心1px红色;
溢出:自动;
}
#第一组{
浮动:左;
}
#第二组{
浮动:对;
}
#第三组{
浮动:对;
}
#第4部分,第00部分{
宽度:100%;
}

我是00组
我是第一组
我是二组
这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组,这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组,这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组,这是第三组
这是第四组

我找到了适用于框大小:边框框的polyfill,它可以帮助您解决IE 7浏览器的问题

您可以从下面的链接下载polyfill

您需要在CSS代码中的这一行框大小:边框框之后包含它

box-sizing: border-box; *behavior: url(/scripts/boxsizing.htc);
您修改的代码:

<!DOCTYPE html>
<html>
<head>
<style>
div[class="clmn"]{
border:solid .1em ;
background-color: rgba(255, 0, 0, 0.1);
width:33.13%;
padding:0.2em;
margin:.1%;
box-sizing:border-box;
*behavior: url(/boxsizing.htc); /*User need to modify the URL here...*/
}

div[id="div0"]{
background-color:rgba(0,0,255,0.1);
border:solid 1px red;
overflow:auto;

}

#div1{
float:left;
}

#div2{
float:right;
}

#div3{
float:right;
}

#div4, #div00{
width:100%;
}
</style>
</head>
<body>
<div id="div00" class="clmn"> This is div 00</div>
<div id="div0">
<div id="div1" class="clmn"> This is div 1</div>
<div id="div2" class="clmn"> This is div 2</div>
<div id="div3" class="clmn"> This is div 3. This is div 3. This is div 3. This is div 3. This is div 3. This is div 3. This is div 3. This is div 3. This is div 3. This is div 3.This is div 3. This is div 3. This is div 3. This is div 3. This is div 3. This is div 3. This is div 3. This is div 3. This is div 3. This is div 3. This is div 3.This is div 3. This is div 3. This is div 3. This is div 3. This is div 3. This is div 3. This is div 3. This is div 3. This is div 3. This is div 3. This is div 3.This is div 3</div>

</div>
<div id="div4" class="clmn"> This is div 4</div>

</body>
</html>

div[class=“clmn”]{
边框:实心。1米;
背景色:rgba(255,0,0,0.1);
宽度:33.13%;
填充:0.2米;
利润率:.1%;
框大小:边框框;
*行为:url(/boxsizing.htc);/*用户需要在此处修改url*/
}
div[id=“div0”]{
背景色:rgba(0,0255,0.1);
边框:实心1px红色;
溢出:自动;
}
#第一组{
浮动:左;
}
#第二组{
浮动:对;
}
#第三组{
浮动:对;
}
#第4部分,第00部分{
宽度:100%;
}
我是00组
我是第一组
我是二组
这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组,这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组,这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组。这是第三组,这是第三组
这是第四组
在IE 11浏览器中以IE 7文档模式输出:


注意:IE 7浏览器很久以前就不受支持了。不建议使用IE 7浏览器。我建议您使用最新的Microsoft浏览器。如果您无法升级到最新的Microsoft浏览器,请至少升级到IE 11浏览器。

IE 7太旧了,无法在任何有安全更新的操作系统上运行。你应该鼓励人们升级运行它的系统,而不是迎合他们。你真的想支持IE6-7吗?底线是:如果你一定要支持IE7,那么你就需要使用IE7时代常用的技术,因为这才有效。在本例中,这可能意味着添加额外的
元素层,以便对框进行更细粒度的控制。但坦率地说,盒子大小将是你的最小问题。找一份新工作/客户。。。甚至不是开玩笑