IE7 浮动会产生换行并将其他 div 放在其下方
您好，我在 IE 中处理浮动时遇到了好几次问题，这里是我的意思的一个示例，请注意，此示例适用于 Firefox 和 Chrome
index.html
<html>
<link href="style.css" rel="stylesheet" type="text/css" />
<body>
<div class="some_box">
<div class="upper_red_box"></div>
<div class="title_bg">
<div class="title">hi im here </div>
</div>
</div>
</body>
</html>
style.css
div.some_box{
width:700px;
height:400px;
background-color:#f3f3f5;
}
div.upper_red_box{
width:10px;
height:70px;
background-color:#ac0061;
float:right;
}
div.title_bg{
background-color:#c1c1c1;
width:600px;
height:70px;
margin-left:100px;
}
div.title{
color:#f3f3f5;
font-family:impact , Verdana, Geneva, sans-serif;
font-size:24px;
padding-left:10px;
padding-top:20px;
}
提前感谢您的帮助:)
hi i had a problem several times while dealing with floats in IE here is an example of what i mean note that this example works in Firefox and Chrome
index.html
<html>
<link href="style.css" rel="stylesheet" type="text/css" />
<body>
<div class="some_box">
<div class="upper_red_box"></div>
<div class="title_bg">
<div class="title">hi im here </div>
</div>
</div>
</body>
</html>
style.css
div.some_box{
width:700px;
height:400px;
background-color:#f3f3f5;
}
div.upper_red_box{
width:10px;
height:70px;
background-color:#ac0061;
float:right;
}
div.title_bg{
background-color:#c1c1c1;
width:600px;
height:70px;
margin-left:100px;
}
div.title{
color:#f3f3f5;
font-family:impact , Verdana, Geneva, sans-serif;
font-size:24px;
padding-left:10px;
padding-top:20px;
}
thanks in advance for your help :)
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
没有正确的
doctype，资源管理器将进入怪异模式。此外，您还缺少整个
部分，其中 CSS 包含的内容应位于其中。 查看 HTML 4 规范。Without a proper
doctype, Explorer will slip into quirks mode.Also, you're missing the entire
<head></head>section where the CSS includes should be inside it. See this for the HTML 4 spec.将</code>）。
添加到文档的开头，并在< 周围使用正确的（并添加..部分;link>总的来说，您缺乏 HTML 技能，因此您不能真正指望事情能够正常进行。
但解决了这些问题，你就应该有一个不错的机会。
Add
<!DOCTYPE HTML>to the beginning of your document, and use a proper<head>..</head>section around your<link>(and add a<title>).Overall, your HTML skills are lacking and so you can't really expect things to work.
But fix those problems and you should have a decent shot.