日期:2014-05-17  浏览次数:20443 次

DIV+CSS hao123顶部栏

当缩放网页时也不出现横向滚动条,除非你缩放到了字体边缘(左边是:2012显示时间的位置,右边是:反馈)才出现滚动条,还有那条水平线是怎么做的,还有那渐变色又是怎么弄的。晕!!!求代码?

------解决方案--------------------
缩小以后才出现滚动条是因为他的页面宽度设置的是960px,当你的浏览器宽度大于960时是没有滚动条的

左边是:2012显示时间的位置,右边是:反馈
这两个位置对应的宽度就是960px,所以你再继续缩小的话就会出现滚动条了

水平线和渐变色都是css样式,用的背景图
比如hao123上百度搜索对应的那块,它的样式如下:
HTML code

background: url("http://s1.hao123img.com/index/images/search2.png") repeat-x scroll 0 -29px #F6FCF0;
border: 1px solid #CBE6BD;
height: 67px;
margin: 3px auto 10px;
padding-top: 6px;
width: 958px;