html - 填充和文本 - 被剪切的文本

Question

我正在尝试将 div 内容与填充底部对齐。但是，由于某种原因，填充会不断剪切文本。您可以在 cssdeck 链接 http://cssdeck.com/labs/wpj8sl4k上查看工作示例

如您所见，文本的底部已被剪切，当填充被删除时，一切都恢复正常。

建议表示赞赏。

score 2 · Accepted Answer

#content2 也遵循相同的 CSS 规则，所以会出现在#content. 如果您实际向其中添加内容，这一点尤其明显，并且效果可能是不可取的。如果你想#content1和#content2一起流动，你应该把它们都包裹在绝对定位的 div 中，并给它们静态定位。

score 1 · Accepted Answer

1

你通过说#content div来影响两个div。你想要的是#content div#content1。

于 2013-04-25T01:16:25.730 回答

score 1 · Accepted Answer

1

从你的身体中删除以下内容，它会正常工作。

<div id="content2">
</div>

于 2013-04-25T01:20:29.420 回答

score 0 · Accepted Answer

使用特定的填充和边距

#content div{
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 24px;
}

score 0 · Accepted Answer

是的，正如米沙克所说

删除这些行。这没有任何意义。

<div id="content2">
</div>

祝你好运！

5 回答 5