0

我是 CSS 新手，所以请多多包涵。我有位于右侧的小部件，并且我创建了一个 RSS 提要和一个阅读器来阅读这些提要，现在每个提要都用 class=rss 封装在 div 中，现在问题是 div 在小部件下可见。我希望停在小部件的边框上，如果没有小部件全宽，我怎么能做到这一点..这是一张展示情况的图片：

在此处输入图像描述

这是我的 .rss 代码：

.rss {
background: #afb1b8;
border:1px dashed #ccc;
padding:5px;
}

这是小部件代码：

.widget {
     margin-bottom:20px;
}
.widget h2 {
     margin:0 0 10px 0;
     padding:0 5px;
     font-weight:normal;
     border-bottom:1px solid #ddd;
}
.widget .inner {
     margin:0 10px;
}

请用代码支持您的答案，如果不是太多，请向我解释。感谢您的时间和考虑

4

1 回答 1

1

如果我理解得很好，您不希望.rss小部件下的 div 的任何部分（蓝灰色的头像）？

然后添加overflow: hidden到您的第一条规则。我猜小部件的位置是float: right？然后.rss会和花车一起玩得很好。您可以替换overflow: hidden为display: table：两者都会给 div块格式上下文（这是 CSS 中非常高级的主题，抱歉这里没有进一步的解释）。

.rss {
  overflow: hidden;
  background: #afb1b8;
  border:1px dashed #ccc;
  padding:5px;
}

请注意，overflow: hidden如果您有下拉菜单或任何必须在其元素创建的区域之外稍微显示的内容，则不会按预期工作：不会显示任何内容（这是初学者overflow: hidden一般不使用的一个很好的理由）

于 2013-09-15T16:32:11.457 回答