html中一个大盒子里面有三个小盒子这三个盒子能均分吗

发布网友发布时间：2022-05-16 23:40

共2个回答

热心网友时间：2023-09-15 03:07

不管怎样都是要计算宽度的吧？不管有没有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选取第一个，但是考虑兼容性的话，不能使用这个，在重新定义一个类就好了

热心网友时间：2023-09-15 03:07

请采纳谢谢！
<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盒子；

html中 一个大盒子里面有三个小盒子 这三个盒子能均分吗

html中一个大盒子里面有三个小盒子这三个盒子能均分吗