Question

我搜索了这个没有答案的人。当我加载标题，导航然后中心图像时，我的页面完全加载...所有3个不同的div。但是我有更多我需要添加和div标签改变页面的大小，即使我使用的CSS不大于页面。我不知道发生了什么。

这是一切都很好的代码页：

http://www.thehdmgroup.com/midwaymissionary/test.php

当我用下面的css添加下面的div标签时，我在页面上得到一个底部滚动条，我不知道为什么。有人可以向我解释一下吗？

#middleTextBox1 {
    position: absolute; 
    top:507px; 
    left:172px; 
    width:180px; 
    height:180px; 
    background-color:#411b42; 
    border: 1px 
    solid #434343; 
    padding:10px; 
    color: #FFFFFF; 
    font-size: 10px; 
    font-family: Arial, Helvetica, sans-serif;
}

<div id="middleTextBox1">
  <h3 align="center">Mission:</h3>
  Words
</div>

我真的不知道为什么会这样，有人可以帮帮我吗？谢谢你的时间。

Answer 1

在我的电脑上正常工作。

您的浏览器客户端区域可能小于507 + 180 + 10 + 10 + 1 + 1 px（顶部+高度+ paddingTop + paddingBottom + borderTop + borderBottom）或172 + 180 + 10 + 10 + 1 + 1（水平）。

修改

您的中心影像宽度为1025像素。浏览器窗口中的客户区域小于该值。你可以

调整窗口大小

购买新显示器

设计您的网站，以便溢出就行了

使用overflow-x:hidden
强行关闭溢出

Answer 2

你在运行这个浏览器的是什么？包括浏览器版本？因为我在Firefox 3.x下运行它并且我没有看到任何问题。

当我添加<div>底部滚动条出现，即使它不大于页面宽度</div>

2 个答案: