css问题，代码如下，为什么第三个div在IE和firefox下设置的样式无效？
<head><title></title><styletype="text/css">#a,#b,#c{border:1pxsolidred;width:100px;he...
<head>
<title></title>
<style type="text/css">
#a, #b, #c
{
border: 1px solid red;
width: 100px;
height: 100px;
}
#a
{
float: left;
}
#b
{
float: right;
}
</style>
</head>
<body>
<div id="a">
a
</div>
<div id="b">
b
</div>
<div id="c">
c
</div>
</body> 展开
<title></title>
<style type="text/css">
#a, #b, #c
{
border: 1px solid red;
width: 100px;
height: 100px;
}
#a
{
float: left;
}
#b
{
float: right;
}
</style>
</head>
<body>
<div id="a">
a
</div>
<div id="b">
b
</div>
<div id="c">
c
</div>
</body> 展开
4个回答
展开全部
您好！很高兴为您答疑！
要记得随时闭合DIV，在DIV层次比较多的情况下，如果不闭合，将会导致大量异常。修改后如下：
.clear{
clear:both;
font-size:0px;
height:0px;
margin-top: 0px;
margin-bottom: 0px;
}
<div class="clear"></div>
<div id="c">c</div>
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
要记得随时闭合DIV，在DIV层次比较多的情况下，如果不闭合，将会导致大量异常。修改后如下：
.clear{
clear:both;
font-size:0px;
height:0px;
margin-top: 0px;
margin-bottom: 0px;
}
<div class="clear"></div>
<div id="c">c</div>
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在火狐下不是样式没加上 是因为你给a加浮动了 c的样式的位置和a显示在同一个区域了 你可以这样
<head>
<title></title>
<style type="text/css">
#a, #b, #c
{
border: 1px solid red;
width: 100px;
height: 100px;
}
#a
{
float: left;
}
#b
{
float: right;
}
</style>
</head>
<body>
<div id="a">
a
</div>
<div id="b">
b
</div>
<div style="clear:both"></div>
<div id="c">
c
</div>
</body>
<head>
<title></title>
<style type="text/css">
#a, #b, #c
{
border: 1px solid red;
width: 100px;
height: 100px;
}
#a
{
float: left;
}
#b
{
float: right;
}
</style>
</head>
<body>
<div id="a">
a
</div>
<div id="b">
b
</div>
<div style="clear:both"></div>
<div id="c">
c
</div>
</body>
追问
c和a显示在同一区域了，清除一下浮动是可以回归正常的文档流了，可是为什么之前c的内容不跟着c的盒模型走呢？
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
.clear{
clear:both;
font-size:0px;
height:0px;
margin-top: 0px;
margin-bottom: 0px;
}
<div class="clear"></div>
<div id="c">c</div>
这样设置会更好一些，写代码，要记得随时闭合DIV，在DIV层次比较多的情况下，如果不闭合，将会导致大量异常。
之前c的内容不跟着c的盒模型走的原因是浏览器读代码的时候提前闭合了DIV，导致出错，所以中间要加上：<div class="clear"></div>
clear:both;
font-size:0px;
height:0px;
margin-top: 0px;
margin-bottom: 0px;
}
<div class="clear"></div>
<div id="c">c</div>
这样设置会更好一些，写代码，要记得随时闭合DIV，在DIV层次比较多的情况下，如果不闭合，将会导致大量异常。
之前c的内容不跟着c的盒模型走的原因是浏览器读代码的时候提前闭合了DIV，导致出错，所以中间要加上：<div class="clear"></div>
追问
不是的，是把c的内容挤下来了，不信你把c的宽度设为110px就知道了，没人知道浏览器为什么会这样吗？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
a和c的样式在同一个区域，重叠了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
