注册 登录
编程论坛 ASP.NET技术论坛

用 DIV 如何布局

燕之峰 发布于 2014-11-26 13:50, 1899 次点击
各位网友好,现想用DIV对网页(用VS制作)进行布局。
建立好网页好后,自动有一个DIV框架。我想插入三个DIV(三行),然后在中间的DIV中插入并列三个DIV。布局情况如图
只有本站会员才能查看附件,请 登录

请问如何设置,才能布局成功(我怎么也布置不成)
另外,1对DIV允许对象浮动取值(float)如不设置,默认是哪个取值。
      2布局是不是可用表格来布局。
请指导,谢谢

[ 本帖最后由 燕之峰 于 2014-11-26 13:52 编辑 ]
3 回复
#2
yms1232014-11-27 10:26
直接三个div
程序代码:
<html>

 <head>
  <style type="text/css">
   html
   {
      width:900px;
      height:700px;
   }
   body
   {
      width:900px;
      height:700px;
      margin:0px;
   }
   .divRow
   {
     width:900px;
     min-height:100px;
     height:auto;
   }
   .divCol
   {
      height:500px;
      float:left;
   }
  </style>

 </head>

 <body>
  <div class="divRow">
  </div>
  <div class="divRow">
   <div style="width:100px;" class="divCol">
   </div>
   <div style="width:700px;" class="divCol">
   </div>
   <div style="width:100px;" class="divCol">
   </div>
  </div>
  <div class="divRow">
  </div>

 </body>
</html>
#3
燕之峰2014-11-27 16:51
class="divCol"
是何意
#4
yms1232014-11-28 10:33
以下是引用燕之峰在2014-11-27 16:51:06的发言:

class="divCol"
是何意

自定义的样式,定义在style里已经写了啊
1