UC知道这样的div+css布局合理吗？？为什么谢谢
来源：百度知道 编辑：UC知道 时间：2024/06/14 04:07:42
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>DIV入门到精通教程1</title>
<style>
body { font-family:verdana; font-size:12px; margin:0px; padding:0px; text-align:center;}
img { border:0px;}
.d1 { width:600px; margin:0px auto;}
.d2 { height:100px;}
.d3 { height:200px;}
.d4 { width:170px;}
.d5 { width:430px;}
.fla { float:left;}
http://74.222.14.156/forum-104-
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>DIV入门到精通教程1</title>
<style>
body { font-family:verdana; font-size:12px; margin:0px; padding:0px; text-align:center;}
img { border:0px;}
.d1 { width:600px; margin:0px auto;}
.d2 { height:100px;}
.d3 { height:200px;}
.d4 { width:170px;}
.d5 { width:430px;}
.fla { float:left;}
http://74.222.14.156/forum-104-
把晕人的注释去掉。。。
<div class="d1">
<div class="d2">这行DIV是头部</div>
<div class="d3">
<div class="d4 d3 fla">这里是第二行DIV的左边部分的菜单部分，绑定的D4是宽度，D3是高度，fla是浮动的CSS</div>
<div class="d5 d3 fla">这里是第二行DIV的右边部分的内容部分，绑定的D5是宽度，D3是高度，fla是浮动的CSS</div>
</div>
<div class="d2">这里是第三行DIV的底部部分</div>
</div>
建议：div 用ID命名比较好点，class="d4 d3 fla“这种命名比较少见（带空格的。。。。）直接改为class="fla"吧,如果要分别设CSS 还不如 一个命名d4，一个命名d5，你这么命名到时候代码多了看到你晕哦
楼上那位兄台，你的话太有意思了。哈哈。
说他质量高，确实是用了很少的代码实现了布局。这个是事实，不可否认。但是，这样算是布局吗？这个能在商业上用起来吗？呵呵 ~_~ 我想你也的very good是不是也含有这样的意思呀。
我的意见是：上面的代码就像小孩子“过家家”。什么都像了，但不是。
用表格来布局才合理
如果只是当前文件使用的话样式写在页面里也没什么不好，它有一个好处就是不用担心网速慢而没有加裁CSS文件让页面乱78糟，不过类里的参数最好按分号来分行写，方便自己查看修改，要做很专业的DIV手就得从良好的书写习惯开始！如果类名能有自己的规则就更好了，方便记忆，以后就建个CSS样式常用库，DIV起来N方便
这个是我见到的质量最高的CSS+DIV布局,VERYGOOD