html中 一个大盒子里面有三个小盒子 这三个盒子能均分吗
一个1200px的大盒子里面，有三个小盒子，间距是15px，这样一个盒子是390px，如果不用margin，padding，还有别的方法让他们均分吗？
不管怎样都是要计算宽度的吧？不管有没有padding和margin和border。。你也可以使用box-sizeing:content-box;设定好宽度了，border之类的是在盒子外面计算的，但是这个是css3属性兼容性考虑的话还是不要使用这东西了追问
没有明白你说的意思
追答你是要3个盒子中间间隔15px，每个宽度390px？？这样只要给第一个加个其他类区分就好了
css:
.main{ width:1200px; margin:0 auto;}
.sub{ width:390px; margin-left:15px; float:left;}
.first{ margin-left:0;}
这样就可以了，本来可以用类选择器.sub:first-child选取第一个，但是考虑兼容性的话，不能使用这个，在重新定义一个类就好了
温馨提示：内容为网友见解，仅供参考
第1个回答 2015-02-04
请采纳 谢谢！
<html>
<head>
<title></title>
<style>
.div1{
width:1200px;
height:100px;
background:#00CC33;
}
.div2{
width:390px;
height:50px;
background:red;
float:left;
}
.div3{
width:390px;
height:50px;
background:blue;
float:right;
}
.div4{
width:390px;
height:50px;
background:yellow;
float:right;
}
.div5{
width:795px;
height:50px;
float:left;
}
</style>
</head>
<body>
<div class="div1">
<div class="div5">
<div class="div2"></div>
<div class="div3"></div>
</div>
<div class="div4"></div>
</div>
</body>
</html>追问
<html>
<head>
<title></title>
<style>
.div1{
width:1200px;
height:100px;
background:#00CC33;
}
.div2{
width:390px;
height:50px;
background:red;
float:left;
}
.div3{
width:390px;
height:50px;
background:blue;
float:right;
}
.div4{
width:390px;
height:50px;
background:yellow;
float:right;
}
.div5{
width:795px;
height:50px;
float:left;
}
</style>
</head>
<body>
<div class="div1">
<div class="div5">
<div class="div2"></div>
<div class="div3"></div>
</div>
<div class="div4"></div>
</div>
</body>
</html>追问
能不能只写一个盒子的样式，其余两个都通用那？
追答如果不用margin，padding，div3和div4可以通用一个，也就是最少需要4个DIV盒子；
相似回答
