2011-12-11 19 views
2

我是新來的CSS,並想知道是否有任何辦法可以阻止文本選擇顏色要成「水溝」(我認爲這是術語?)喜歡這裏:CSS文本選擇顏色溢出外箱

screenshot of the issue

我知道這是非常瑣碎的事情,但我注意到沒有專業(在線)網站使用列之間的差距有這個問題。

如果浮動列,它不會遇到此問題。

所以,一個解決方案似乎是浮動兩列,但我留下的問題,使列和頁腳之間的差距(我不得不指定多少margin-top(像素數量從標題)我想要它,這是不是很動態)。

有沒有人有任何想法?

下面是它目前的CSS代碼:

.box /*this is applied to all the divs*/ 
{ 
border: 1px black dotted; 
padding:3px; 
} 

body 
{ 
width: 850px; 
margin: 0 auto; 
} 

#panel0 
{ 
background-color: blue; 
} 

#panel1 
{ 
background-color:red; 
width: 400px; 
float:right; 
} 

#panel2 
{ 
background-color:brown; 
width:400px; 
} 

#panel3 
{ 
background-color:yellow; 
clear: right; 
} 
+0

嘗試將您的HTML和CSS發佈到jsfiddle - http://jsfiddle.net/ - 它將使人們能夠快速處理和調整您的CSS和HTML。我的猜測是,你需要在面板2中浮動任何內容,因爲它目前正在擴展到其父界面之外。 – dash

回答

5

試試這個:

#panel2 
{ 
background-color:brown; 
width:400px; 
overflow: hidden; 
} 

應該這樣做。

+2

感謝Johannes,這工作完美! – xdl

+0

很高興解決了它。這是我99%的時間使用的解決方案。有些情況下,它不適合,例如,如果你點擊某個東西時應該擴展到容器外部。 – Brigante