DIV布局问题

 我来答
快乐的小遥控器
推荐于2016-04-17 · TA获得超过2911个赞
知道小有建树答主
回答量:903
采纳率:20%
帮助的人:129万
展开全部

我算得你的这个总宽508像素,

<style type="text/css">

*{

margin:0;

padding:0;

}

#box{

width:508px;

margin:0 auto;

}

#box .part1{

   height:45px;

}


#box .part1 .no1{

float: left;

width:40%;

height:45px;

margin-right:100px;

        background-color:blue;


}

#box .part1 .no2{

float: left;

width:40%;

height:45px;

background-color:blue;


}

#box .part2{

  margin-top:20px;

   height:45px;

   margin-bottom: 20px;

}


#box .part2 .no1{

float: left;

width:40%;

height:45px;

margin-right:100px;

 background-color:blue;


}

#box .part2 .no2{

float: left;

width:40%;

height:45px;

background-color:blue;


}

#box .part3{

clear:both;

height:52px;

background-color:blue;


}

</style>

<body>


<div id="box">

    <div class="part1">

             <div class="no1"></div>

             <div class="no2"></div>

</div>

<div class="part2">

              <div class="no1"></div>

               <div class="no2"></div>

</div>

<div class="part3"></div>

</div>

</body>

</html>

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式