html - 文本导致 div 变大-6ren

html - 文本导致 div 变大

转载作者：行者123 更新时间：2023-11-28 07:50:36

我正在创建一个着陆页，上面有一张图片和文字。

我有包含文本的 div 作为图像 div 的子 div，并且图像使用视口(viewport)高度来填充整个屏幕，但是一旦我在居中的子 div 中插入文本，由于某种原因图像调整了高度，并且有不需要的滚动空间。我尝试了不同的显示类型，以及一切。

我做了一个例子，一个有显示文本的div，一个没有

带有文本和额外的滚动空间:http://jsfiddle.net/g7ch1p0j/

<!DOCTYPE html>
<html>
<head>
  <title>Ekchö</title>
  <link href="global.css" rel="stylesheet">
</head>

<body id="body">
  <div id="header_bg">
  <div class="fluid_controller">
   <div id="header_text">Ekchö</div>
   </div>
  </div>
  <div id="lander">
  </div>
  <div class="fluid_controller">
    <div id="content"></div>
  </div>
</body>
</html>

没有文字，图像和下面的内容之间没有滚动空间:http://jsfiddle.net/sctcebmf/

<!DOCTYPE html>
<html>
<head>
  <title>Ekchö</title>
  <link href="global.css" rel="stylesheet">
</head>

<body id="body">
  <div id="header_bg">
  <div class="fluid_controller">
   <div id="header_text">Ekchö</div>
   </div>
  </div>
  <div id="lander">
  </div>
  <div class="fluid_controller">
    <div id="content"></div>
  </div>
</body>
</html>