边距和填充对此HTML表现得很奇怪

时间:2014-05-01 14:30:21

标签: html css

我在JSFiddle中有这个HTML:http://jsfiddle.net/p5Dqw/

当我尝试将margin-top: 5px;padding-top: 5px;添加到#newsPaneText时,它会将整个#newsPane div本身移动,我甚至认为不是可能的,或者它将内部文本向下移动25个像素,似乎没有任何理由。在第102行,添加padding-top: 5px;margin-top: 5px以查看我正在谈论的内容。这里发生了什么?我不知道为什么会这样。

3 个答案:

答案 0 :(得分:0)

我知道我的解决方案可能无效,但它可以帮助您解决问题。

您需要添加margin-top才能使其正常工作。

margin-top: 16px;
padding-top: 5px;

请参阅This JSFiddle

答案 1 :(得分:0)

  

据我了解你必须添加行高,如果你是的话,请纠正我   问不同的问题?

     

在行 105 中添加这两行css(如果你改变了这些值   需要)

     
      
  • line-height: 10px的;

  •   
  • padding-top:5px;或margin-top 5px;

  •   
     

希望这有助于你

答案 2 :(得分:0)

我不知道发生了什么,但将display: inline-block;放入#newsPanemargin-top: -10px; #newsPaneText解决问题。