DIV布局问题

HTML中 DIV标签的具体用法是怎么样的谁帮忙介绍一下举个小例子

韦俊琳 · 韦俊琳

本帖最后由韦俊琳于 2013-4-6 16:43 编辑

在css文件定义:

#header {
float:left;
width:800px;
height: 100px;
margin:auto 0px;
background:red;
clear:both;
}

复制代码

然后在html页面使用方法:

<head>
<title>div+css网页布局</title>
</head>
<body>
<div id="header"> //这部分的效果就是你在css文件中定义的效果
</div>
</body>
</html>

复制代码

注意:如果在css文件中定义为:
#header {...},引用方法为id="header"
.header{...},引用方法为class="header"

郑丹丹1990 · 郑丹丹1990

<div style="background:#f90; text-align:center;">test</div><div style="background:#f60"><span>usemen:</span><input type="text" style="border:1px solid #ccc; width:200px; height:20px;" ></div><div style="background:#f60"><span>usemen:</span><input type="text" style="border:1px solid #ccc; width:200px; height:20px;" ></div>

复制代码

不过div我用的可少了，我用table布局。
不知道能帮助您不？？

郑丹丹1990 · 郑丹丹1990

http://developer.51cto.com/art/201008/221366.htm

这个不错的

黑马田杰 · 黑马田杰

本帖最后由黑马田杰于 2013-4-7 18:18 编辑

试试这个：
<div>
  <div id="header">这是头部</div>
  <div id="sidebar">这是左边菜单</div>
  <div id="content">这是正文</div>
  <div id="footer">这是尾部</div>
</div>

#header { height:100px; background:red; margin-bottom:5px;}
#sidebar { float:left; width:200px; height:500px; background:green;margin-bottom:5px;}
#content { margin:0 205px; height:500px; background:yellow;}
#footer { height:60px; background:gray;}

帐号		自动登录	找回密码
密码			加入黑马

DIV布局问题

4 个回复

评分