请各位高手赶紧帮我看下这div+css布局吧

来源：百度知道 编辑：UC知道 时间：2024/05/30 22:36:06
<style type="text/css">
body{
margin-left: 15px;
margin-top: 0px;
margin-right: 15px;
margin-bottom: 0px;
}
div{
width:970px;
height:1465px;
border: 0px solid #FF0000;
color: #FF7300;
}
div#a{
width:970px;
height:70px;
border: 1px solid #FF0000;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
div#b{
width:970px;
height:70px;
border: 1px solid #FF0000;
padding: 0px;
margin-left: 0px;
margin-top: 6px;
margin-right: 0px;
margin-bottom: 0px;
}
div#c{
width:970px;
height:35px;
border: 1px solid #FF0000;
padding: 0px;
margin-left: 0px;
margin-top: 6px;
margin-right: 0px;
margin-bottom: 0px;
}
div#dd{
width:970px;
height:190px;
border: 1px solid #FF0000;
padd

分，我拿了

首先，我大致看了一下你的CSS代码，看来的确是初学。有很多是可以缩写的，这点你应当学习一下，例如:
margin-left: 766px;
margin-top: -82px;
margin-right: 0px;
margin-bottom: 0px;
是可以缩写成:margin:-82px 0 0 766px;的

就着这个例子，也能看出，你的margin-left:766明显是错误的，不是因为我没做过或者不相信什么的，只是如果你布局正确，不可能用到这么大的数值。

然后你HTML中的div大部分里面都写了id，不是说不正确，只是页面中尽量少用ID，因为JS大部分是根据ID调用运行的，你可以用class代替，而且可以反复使用。

另外就是日后你学习的内容多了，你会懂得简写。例如你两个#XX中，width:204,你可以写成#xx, #xxx{width:204}进行多项选择。

日后的路还很长，加油~！

恭喜你,通过IE6 7 及FF测试
做的不错.

唯一就是在宽屏显示器下不是居中的,以后在做网页时可以留意一下细节方面的问题^_^

好深奥啊！ 不懂！

朋友,你这个布局太死板了,用到实际的网站制作是行不通的.
你这样是把所有网站板块的高度都订死了,如果某个板块要高一点或者低一点,调整就很麻烦,还有尽量少用ID.
还有楼上所有的样式简写问题
朋友,建议你多学习.以后一定能成为高手的

学习值得鼓励 加油

问题 好像不少 呵呵

#a{}就可以了 不用加div ；很多margin 和padding这类的是0px的都可以 dele。

不晓得这个你干吗用 练手的话就多改改 呵呵

找几本书看看 你会写出很好的css的

你的问题很多，首先，太复杂了，比如说：
边界可以简写，margin:10px;/*上下左右都是10px*/
margin:10