第一页如图

第二页如图

问题是:
不但Pager往上跑,而且下面DIV 里面的Pager也往上跑
查看源代码找问题的原因:

牵扯3个DIV,分别是
.summary 第11-12条,共12条
.items 领导人的名字方框框
.pager 翻页:前页 1 2 后页
仔细对照图片1,和2 的区别,会发现这3者其实就是文档流中按顺序显示的关系
第一页之所以正常,是因为正好10个框框把 pager 挤下来了
第二页正常,因为pager 跟到 第12个框框后面
因此,只需要改变 items DIV 的高度即可
经过调试,设为86像素,得到了我们要得效果
同时,将下面DIV 也设置float:left ,就不会跑上来了
.pager .items .summary .view{
float:left;
}
.items{
height:86px;
}
#leaderContent{
float:left;
width:100%;
}
本文详细阐述了解决网页布局问题的方法,通过调整特定DIV的高度来实现元素的正确定位,解决了页面中元素跑位的问题。具体操作包括修改CSS样式,将`items`DIV的高度设置为86像素,并确保所有相关元素使用`float:left`属性以避免位置错乱。
398

被折叠的 条评论
为什么被折叠?



