CSS文本选择颜色溢出框外

我是CSS新手，想知道是否有任何方法可以阻止文本选择颜色进入“槽”（我想这就是术语？）

我知道这是一件非常琐碎的事情，但我注意到，没有一个专业的（在线）网站在栏目之间使用间隙，有这个问题

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

因此，一种解决方案似乎是浮动两列，但接下来我要处理的问题是在列和页脚之间留出一个间隙（我必须指定我想要多少页眉页边距（页眉的像素数），这不是非常动态的）

有人有什么想法吗

以下是它的当前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;
}

试试这个：

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

---

这应该可以做到。

试着将你的HTML和css发布到JSFIDLE——这将使人们能够快速使用和调整你的css和HTML。我的快速猜测是，您需要在面板2中浮动任何内容，因为它当前正在扩展到其父级边界之外。很高兴它解决了这个问题。这是我99%时间使用的解决方案。但在某些情况下，它并不适合，例如，当单击时，您有一些内容应该扩展到容器之外。