任务:在 Pic 所在的位置放置 Nivo Slider
结果:RSS Feed、搜索和页面的下半部分偏离
问题:如何修复 CSS 以对齐 RSS 提要、搜索和页面底部
这是带有 Nivo Slider 所在图片的网站: http://scottjaxon.com/devsite/index.html
这是我第 43 次尝试对齐它: http://scottjaxon.com/devsite/testnivo43.html
站点的 CSS:
/* home */
#wrapper #user1 #feahome {
min-height: 341px;
height: auto !important;
height: 341px;
}
#wrapper #user1 #feahome #containerflash {
width: 960px;
height: 325px;
overflow: visible;
border-bottom: 3px solid #FFFFFF;
}
#wrapper #user1 #feahome #rsshome {
float: left;
color: #FFFFFF;
width: 440px;
height: 20px;
margin-bottom: 6px;
padding: 6px 20px 0px 20px;
border-right: 1px solid #FFFFFF;
}
#wrapper #user1 #feahome #searchhome {
float: left;
color: #FFFFFF;
height: 22px;
margin-top: 8px;
padding: 0px 20px 0px 20px;
}
最佳答案
最大的问题是您的包装器 div 关闭得太早了。从我在顶部标记它的地方删除 div，并将它添加到底部，就在你的 body 标签之前。看截图:
关于CSS 不兼容 : Nivo Slider Pushes Elements of Page Awry，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11910038/