div标签中的padding-bottom不起作用

时间:2012-09-11 22:34:44

标签: html css

我是html的新手。我有一个<div>,我想将文本10px放在`的底边。但是,它对我不起作用。以下是代码。

<div id="title" style="height:35px;border-bottom:thin solid rgb(65,31,30);margin-left:14px;padding-bottom:10px;font-size:18px;font-weight:thicker">Hello, world!
</div>

谢谢!

2 个答案:

答案 0 :(得分:3)

删除您的height:35px样式。这与你想要做的事情相矛盾。它有35px的高度加上额外的10px底部填充。

查看此jsFiddle。我希望你有意义。

答案 1 :(得分:0)

我过去有过类似的经验。在某些浏览器中就是这种情况,尤其是如果您启用了overflow-y: scroll;样式。您的语法看起来不错,我已经尝试过了。即使最后加上或不使用分号,它仍然可以正常工作,因为您可以在div内将其样式设置为属性本身。

如果这不是您的全部代码,我的看法是,请注意overflow: scroll;,它会覆盖您的样式。

或尝试在其他浏览器上运行它。

或者您可以重组代码以确保填充的工作方式如下:

<div id="title" style="height:35px;margin-left:14px;font-size:18px;font-weight:thicker">Hello, world!<div style="border-bottom:thin solid rgb(65,31,30);padding:10px">&nbsp;</div> </div>

只需在该div中添加另一个div