填充和文本 - 正在剪切的文本

时间:2013-04-25 01:07:14

标签: html css

我正在尝试使用填充底部对齐div内容。但是,由于某种原因填充不断切割文本。 你可以在cssdeck链接上看到这里的工作示例 http://cssdeck.com/labs/wpj8sl4k

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

建议表示赞赏。

5 个答案:

答案 0 :(得分:2)

#content2 遵循相同的CSS规则,因此它会显示在#content上方。如果您实际向其添加内容,这尤其明显,并且效果可能不合需要。如果你想让#content1#content2一起流动,你应该将它们都包含在绝对定位的div中并给它们静态定位。

http://cssdeck.com/labs/ctxinf3b

答案 1 :(得分:1)

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

答案 2 :(得分:1)

从您的身体中移除以下物品;它会正常工作。

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

答案 3 :(得分:0)

使用特定的填充边距

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

答案 4 :(得分:0)

是的,因为MISHAK赛道

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

<div id="content2">
</div>
祝你好运!