奇怪的白线

当我尝试下面的脚本：奇怪的白线

我得到一个奇怪的白线在背景，而这一切是灰色的。

这是怎么发生的？

这发生在所有的浏览器，而不仅仅是IE8。有点误导性的问题。

您需要将overflow: hidden添加到#tabs才能清除浮标 - demo。

如果您想要白色消失，还可以添加background: none - demo。

2011-03-14 12:32:56 thirtydot

它来自jquery-ui.css文件(line 62)。只是

.ui-widget-content { background:transparent; } 
.portlet-content { background-color:#fff; }

2011-03-14 12:32:31 Marcel

这不完全正确。请参阅http://jsfiddle.net/mYx5y/32/，其中我只将该单行添加到CSS的末尾。 – thirtydot 2011-03-14 12:35:27

对不起，抱怨这么多，但这仍然不是最佳。它只适用于背景颜色是纯色的情况，请参阅：http://jsfiddle.net/NA9Xx/4/ - 而我的任何背景都可以使用：http://jsfiddle.net/mYx5y/36/ – thirtydot 2011-03-14 12:46:23

请尝试更改#tabs填充至0 ...

#tabs { border:none; padding:0px; padding-top:0px; padding-bottom:0px; }

2011-03-14 12:34:45

或者只是'填充：0px;' – Dogbert 2011-03-14 12:36:20

不清除浮动选项卡元素：http://jsfiddle.net/mYx5y/35/ – thirtydot 2011-03-14 12:41:17

但我需要填充或边距 – oshirowanen 2011-03-14 12:46:42

这是你#tabs div的填充。将padding-top: 10px;更改为margin-top: 10px;并且它消失了。

CNC中

你是对的：那是因为仍然设置为10px为各方的填充。设置#tabs的填充和边距如下：

padding:10px; 
padding-top:0; 
margin-top:20px; 
padding-bottom:0px

白线将消失。

2011-03-14 12:34:48 rsplak

这并不清除浮动 - http：// jsfiddle。 net/mYx5y/34/ – thirtydot 2011-03-14 12:40:03

我仍然会看到一条线，但更细。 – oshirowanen 2011-03-14 12:46:13

回答