关于网页布局的问题，有背景图片的时候总是与上面的div有很大距离

关于网页布局的问题，有背景图片的时候总是与上面的div有很大距离

因为你定义了post的上边距为10像素：
.post {
width: 197px;
margin-top: 10px;
}
把margin-top: 10px;去掉看看。追问没有用，差挺多呢追答把HTML代码贴出来看看追问贴到哪都显示超出限制？追答有网址吗追问还没上传呢，方便把QQ在hi里给我发过来吗？追答就用hi吧

li的问题 试着给li高度！~

你的li是用ul还是ol啊
把ul或者ol定义一下
margin:0px;
试试

.post {
width: 197px;
margin-top: 10px;
}
margin-top: 10px; 这个缘故，以后直接发代码全部放出来，看起来会方便点。。。

line-height: 32px;
规定了行高，并且太高，一般是24px或20左右
所以随便在里面打了几个字，比如“今天的新闻”预览的时候就变成两行
.content {
margin-top:10px;
height: auto;
overflow:hidden;
}
里面的margin-top:10px;去掉，要实现这个可以在应用此项的div里单独定义
让后是
.list {
text-align: center;
background-color: #f1f1f1;
margin:0px;
padding:0px;
border:0px;
}
.post {
width: 197px;
margin-top: 10px;
margin:0px;
padding:0px;
border:0px;
}
然后就可以了啊，你试试，不行再追问，说下效果追问我都试了，还是原来的样子呢？为什么会出现两行字呢？我打6个字的时候是重复三个，5个字是重复4个？追答由于看不到你网页的全部代码，我建议你新建一个页，一项一项的做实验，总会解决的，你可以加QQ1491015823