溢出隐藏 - 锚链接溢出内容

时间:2013-02-13 14:42:38

标签: css

导航到之前的评论时,内容会被隐藏起来,请参阅链接。

实施例: http://justfortest.cba.pl/misc/index.html(显示完整内容) http://justfortest.cba.pl/misc/index.html#comment-3(内容被剪切为锚链接)

我发现当我删除溢出:隐藏;来自.content> div然后内容没有溢出,但随后设计被破坏:背景问题和div太长。

删除溢出后:隐藏; (div长度和背景的问题)。 justfortest.cba.pl/misc/index2.html#comment-3

更新:

以下是内容部分的代码:

.content {padding: 40px 0; border-top: 5px solid #e3e4e6; border-bottom: 1px solid #d8d8d8; background: url("images/bg.png");}
.content>div { width: 980px; margin: 0 auto; border: 1px solid #d8d8d8; background: #fff;}
.main {float: left; overflow: hidden; width: 610px; margin-bottom: -5000px; padding: 15px 35px 5030px;}
.sidebar {float: right; width: 260px; margin-bottom: -5000px; padding: 15px 19px 5030px; border-left: 1px solid #e8e8e8; background: #fafbfc;}

你能帮忙解决这个问题吗?

任何帮助将不胜感激。

亲切的问候

1 个答案:

答案 0 :(得分:1)

试试这个

.main {
  float: left;
  margin-bottom: 0; /* from -5000px */
  overflow: hidden;
  padding: 15px 35px 30px; /* from 15px 35px 5030px */
  width: 610px;
}