奇怪的白线
When I try the following script:
I get a strange white line in the background instead of it all being gray.
Why is this happening?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
所有浏览器都会出现这种情况,而不仅仅是 IE8。有点误导性的问题。
您需要将
overflow: hide
添加到#tabs
来清除浮动 - 演示。如果您希望白色消失,还可以添加
background: none
- demo。This happens in all browsers, not just IE8. Slightly misleading question.
You need to add
overflow: hidden
to#tabs
to clear the floats - demo.If you want the white gone, also add
background: none
- demo.这是 #tabs div 的填充。将
padding-top: 10px;
更改为margin-top: 10px;
就消失了。-编辑-
你是对的:那是因为所有边的填充仍然设置为 10px。设置#tabs的padding和margin如下:
白线将会消失。
it's the padding of your #tabs div. Change the
padding-top: 10px;
tomargin-top: 10px;
and it's gone.-edit-
You're right: That's because of the padding that's still set to 10px for all sides. Set the padding and margin of #tabs as follows:
The white line will disappear.
尝试将 #tabs 的填充更改为 0...
Try changing the padding for #tabs to 0...
它来自
jquery-ui.css
文件(第 62 行)
。只需使用演示覆盖它即可: http://jsfiddle.net/Marcel/NA9Xx/2/
It's coming from the
jquery-ui.css
file(line 62)
. Just override it withDemo: http://jsfiddle.net/Marcel/NA9Xx/2/