CSS设计中在一个div中标签中添加了两个同级的div，结果当子div中的第二个加上类后，父div类就失效了
源码如下：html：<body><divclass="bordermaze"><divid="nav"><divclass="left">test</div><divcl...
源码如下：
html：
<body>
<div class="border maze">
<div id="nav" >
<div class="left">test</div>
<div class="right">test</div>
</div>
</div>
</body>
css：
/*伪类*/
.maze{width:762px;}
.border{border:red solid 1px; }
#nav{}
#nav .left{float:left; width:261px; background-color:blue;}
#nav .right{float:right; width:501px; background-color:yellow;}
如果去掉class="right"，就没有问题，如果加上的话，父div中所引用的类的效果就应用不到子div中了。请问这个问题怎样解决？ 展开
html：
<body>
<div class="border maze">
<div id="nav" >
<div class="left">test</div>
<div class="right">test</div>
</div>
</div>
</body>
css：
/*伪类*/
.maze{width:762px;}
.border{border:red solid 1px; }
#nav{}
#nav .left{float:left; width:261px; background-color:blue;}
#nav .right{float:right; width:501px; background-color:yellow;}
如果去掉class="right"，就没有问题，如果加上的话，父div中所引用的类的效果就应用不到子div中了。请问这个问题怎样解决？ 展开
2个回答
展开全部
这里有两个问题：
1. 清除浮动
【解决办法】：你可以自己百度，最简单的是在maze中加一句overflow:hidden
2. IE和W3C的解析问题，因为计算长度的时候，IE不会把border包含在内，所以，left+right的总宽度应该减去border的宽度2。
【解决办法】：你可以把left或者right的宽度减去2，也可以用css hack技术
希望对有帮助~
1. 清除浮动
【解决办法】：你可以自己百度，最简单的是在maze中加一句overflow:hidden
2. IE和W3C的解析问题，因为计算长度的时候，IE不会把border包含在内，所以，left+right的总宽度应该减去border的宽度2。
【解决办法】：你可以把left或者right的宽度减去2，也可以用css hack技术
希望对有帮助~
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
