CSS:float的问题,代码在下面
<htmlxmlns="http://www.w3.org/1999/xhtml"><head><title></title><styletype="text/css">...
<html xmlns="http://www.w3.org/1999/xhtml">
<head >
<title></title>
<style type="text/css">
.left_1 {
width: 210px;
background-color: blue;
height: 100px;
float: left;
}
.content_all {
margin-left:215px;
margin-bottom:10px;
height:100px;
width:100%;//宽度不能为固定值
background-color:black;
}
</style>
</head>
<body>
<div class="left_1" id="left"></div>
<div class="content_all" id="content_all"></div>
</body>
</html>
浏览器为兼容模式时,div用float后变形
极速模式就正常了
我知道这是不兼容,所以我想问怎么兼容起来,代码怎么改,求大神指教 展开
<head >
<title></title>
<style type="text/css">
.left_1 {
width: 210px;
background-color: blue;
height: 100px;
float: left;
}
.content_all {
margin-left:215px;
margin-bottom:10px;
height:100px;
width:100%;//宽度不能为固定值
background-color:black;
}
</style>
</head>
<body>
<div class="left_1" id="left"></div>
<div class="content_all" id="content_all"></div>
</body>
</html>
浏览器为兼容模式时,div用float后变形
极速模式就正常了
我知道这是不兼容,所以我想问怎么兼容起来,代码怎么改,求大神指教 展开
3个回答
展开全部
content_all也加上float:left属性
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
.content_all这个也要加上float:left的样式
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
那你也auto也行啊,写100%就占满一行了啊
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询