CSS文本选择颜色溢出框外

Question

我是CSS的新手，并且想知道是否有任何方法可以阻止文本选择颜色进入“排水沟”（我认为这就是术语？），就像这里：

我知道这是非常微不足道的事情，但我注意到，使用列之间存在差距的专业（在线）网站都没有这个问题。

如果您浮动列，则不会遇到此问题。

所以一个解决方案似乎是浮动两列，但后来我留下了在列和页脚之间产生间隙的问题（我必须指定多少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;
}

Answer 1

试试这个：

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

应该这样做。