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

问题描述：

我正在尝试使用填充对齐div内容。但是，由于某些原因，填充不断剪切文本。你可以在这里看到cssdeck链接 http://cssdeck.com/labs/wpj8sl4k 填充和文本 - 正在切割的文本

工作实例正如你可以看到文本的底部被切断，当填充被删除一切变得恢复正常。

建议表示赞赏。

答

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

我知道 - 我只想解决文本切割问题。 – Mia 2013-04-25 01:16:48

对。但这是问题所在。他们绝对定位在彼此的顶部，因此它切断了一个。 – nick 2013-04-25 01:21:23

非常感谢！我没有注意到这一点！ – Mia 2013-04-25 01:22:20

答

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

谢谢，我现在可以看到我的错误！ – Mia 2013-04-25 01:21:34

答

从您的身体&以下它将很好地工作。

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

哦我现在明白了我犯的错误 - 谢谢！ – Mia 2013-04-25 01:21:08

答

使用特定填充和余量

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

答

是作为MISHAK所述

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

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

祝你好运！