【问题标题】:CSS text selection color overflows outside boxCSS文本选择颜色溢出框外
【发布时间】:2012-01-17 19:02:32
【问题描述】:

我是 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;
}

【问题讨论】:

  • 尝试将您的 HTML 和 css 发布到 jsfiddle - jsfiddle.net - 这将使人们能够快速使用和调整您的 CSS 和 HTML。我的快速猜测是,您需要在面板 2 中浮动任何内容,因为它当前正在扩展其父级边界之外。

标签: css


【解决方案1】:

试试这个:

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

应该可以的。

【讨论】:

  • 很高兴它解决了它。这是我 99% 的时间使用的解决方案。但在某些情况下它并不适合,例如,如果您有一些东西在点击时应该在容器之外展开。
猜你喜欢
  • 2014-12-17
  • 1970-01-01
  • 2014-08-06
  • 1970-01-01
  • 2014-12-30
  • 1970-01-01
  • 2023-03-11
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多