用 DIV 如何布局 - ASP.NET技术论坛

| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛 |

编程论坛 → .NET专区 → 『 ASP.NET技术论坛』 → 用 DIV 如何布局

我的收件箱(0)

共有 1899 人关注过本帖

标题：用 DIV 如何布局

只看楼主加入收藏

燕之峰

等　级：论坛游民
帖　子：146
专家分：63
注　册：2014-3-21
结帖率：100%

楼主

已结贴√ 问题点数：10 回复次数：3

用 DIV 如何布局

各位网友好，现想用DIV对网页（用VS制作）进行布局。
建立好网页好后，自动有一个DIV框架。我想插入三个DIV(三行),然后在中间的DIV中插入并列三个DIV。布局情况如图

图片附件: 游客没有浏览图片的权限，请登录或注册

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

[ 本帖最后由燕之峰于 2014-11-26 13:52 编辑 ]

搜索更多相关主题的帖子: 制作　友好　网页　如何　

2014-11-26 13:50

yms123

等　级：版主
威　望：209
帖　子：12488
专家分：19042
注　册：2004-7-17

第 2 楼

得分:10

直接三个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>