奇怪的白線

當我嘗試下面的腳本：奇怪的白線

我得到一個奇怪的白線在背景，而這一切是灰色的。

這是怎麼發生的？

這發生在所有的瀏覽器，而不僅僅是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

回答