gpt4 book ai didi

html - Internet Explorer 忽略 div 的宽度

转载 作者:行者123 更新时间:2023-11-28 13:43:48 25 4
gpt4 key购买 nike

大家好,我遇到了一个问题。我正在尝试制作一个包含 3 列的网站,看起来像传单。

在 firefox 中看起来不错,但在 internet explorer 中(7 是我电脑上的版本),中间列宽的宽度被忽略了。

这是代码,

</html>

<head>

<link rel="stylesheet" type="text/css" href="standards.css">

</head>

<body>
</div>
<div id="main">

<div id="row">

<div id ="column" style="float:left;">

</div>

<div id ="column" style="float:right;">

</div>

<div id ="column" style="margin: 0% 0% 0% 35%;">

</div>

<div id="row">

<div id ="column" style="float:left;">

</div>

<div id ="column" style="float:right;">

</div>

<div id ="column" style="margin: 0% 0% 0% 35%;">

</div>


</div>


</div>

</body>

</html>

和CSS,

div#column {
border-style:solid;
border-width:5px;

float: top;
text-align: justify;

padding: 2em;
min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
height:97%;
width:25%;
background-color: #ffefd5;

}

div#row {
border-style:solid;
border-width:5px;
margin: 5% 5% 5% 5%;

text-align: justify;

padding: 2em;
min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
height:200em;
background-color: #ffefd5;

}

div#main {
float: top;
text-align: justify;

padding: 2em;
min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */


}

最佳答案

如果 div#main 是您的中间列,则它没有在样式中设置 width。只有一个 min-width。 IE7 在 min-width 方面有问题。参见 http://reference.sitepoint.com/css/min-width

编辑:

在查看更多代码后,我认为问题出在 div 列的 widthmargin 上。 width 为 25% x 3 加上 35% 的 margin,即超过 100%。

另外,您有三列都具有相同的 IDID 供单个实例使用。如果您计划在多个元素上使用相同的样式,则需要使用 class。将 CSS 中的 #column 更改为 .column ,HTML 中更改为 class="column"

关于html - Internet Explorer 忽略 div 的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6406232/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com