日期:2014-05-17  浏览次数:20794 次

在td或是容器里(div)包含一段文字,想显示在底部,但padding-bottom不好用?
在td或是容器里(div)包含一段文字,想显示在td或是div的底部,但padding-bottom不好用,为什么通过padding-top设置值能看到文字向下的效果而padding-bottom就无效?

CSS code

      div{
        width:300px;
        height:200px;
        background-color:yellow;
        padding-bottom:10px;
        padding-right:10px;
    }




html:
HTML code

 <div>
    test
  </div>



------解决方案--------------------
注意html文档流默认是从左往右,从上往下的。现在你的文字高度不够,达不到距底端10px的位置,所以只有上内边距起作用,下内边距没表现出其作用。
又比如当设置float:left,那么margin-left直接起作用,假如内部元素的宽度不够,那么margin-right也可能不会表现出作用。要margin-right起作用,就float:right,这时margin-left又不一定表现出作用了。
就像一个房间里的人,虽然规定了其同天花板的距离必须小于1米,但很可能这个规定没有起作用,就是这个道理。