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

在你的“最新新闻块”中，你的文字所在的div之外有一个h2元素正在推动所有内容。

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

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

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

删除它或
设置display: none;

Answer 2

首先我们需要你的HTML，但是还要记住，P标签默认添加了自己的空白，尝试 - 填充值

#CONTAINER p

Answer 3

有可能，在div之外，您已将“text-align”属性设置为值“center”。出于兴趣，这是否会在任何其他浏览器中出现？

DIV内部出现空白

3 个答案: