html - DIV 内出现空白

Question

我对 CSS 很陌生。我正在创建一个 DIV，并且文本以某种方式显示在 DIV 的中间。文本第一行上方出现一个空白。我还提供了我为这个 DIV 编写的 CSS。

CSS 代码

#CONTAINER {

   float: left;
   height: auto;
   padding-top: 0;
   border: 1px solid black;
  vertical-align: top;

 }

#CONTAINER  p {
padding: 0;
margin: 0;
vertical-align: top;


 }

这是页面的链接。请引用最后一个显示最新消息的 Div[在此处输入链接描述][1]

Answer 1

在您的“最新新闻 block ”中，在您的文本所在的 div 外部有一个 h2 元素，它会将所有内容向下推。

<div id="block-nodeblock-21" class="block block-nodeblock">

    <h2>Latest News Block</h2> <!----this guy-->
    <div class="content">

该元素是不可见的，因为您设置了 visibility:hidden，但是这不会将其从页面中移除，因此它仍然会影响其周围所有内容的位置。要让它真正隐藏起来，你可以

• 删除它或
• 设置显示:无；