Question

css div 网页的页面边距怎么控制

dyfluid.com这是我的网站，但是大家看：

这部分内容实在是太大了
怎么办？

Answer 1

块元素的之间的间距使用margin属性设置。

CSS margin 属性

定义和用法

　　margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。

说明

　　这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。

　　块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。

注释：允许使用负值。

例子 1

margin:10px 5px 15px 20px;
/*
上外边距是 10px
右外边距是 5px
下外边距是 15px
左外边距是 20px
*/

例子 2

margin:10px 5px 15px;
/*上外边距是 10px
右外边距和左外边距是 5px
下外边距是 15px*/

例子 3

margin:10px 5px;
/*
上外边距和下外边距是 10px
右外边距和左外边距是 5px
*/

例子 4

margin:10px;
/*所有 4 个外边距都是 10px*/

可能值

Answer 2

你这个估计是内间距设置多了，试着减少padding-top的值。

Answer 3

最外层的div{width:你的页面宽；height：你的页面高；margin：0 auto；/*margin是外边距,0是上下边距为0，auto是自动。没有浮动的情况下，会居中*/}

Answer 4

#about {
background: #fff url(../images/patterns/grey.png);
padding-top: 156px;
padding-bottom: 144px;
color: #A3A3A3;
}
#journal {
background-color: #0f9095;
padding-top: 156px;
padding-bottom: 120px;
color: #7fe6ed;
}
这两个样式，减少padding-bottom和padding-top的值