Question

（Macbook 10.5.8; Safari 5.0.6）

您好，我正在建立一个网站（使用MAMP作为localhost和Symfony2）。然而，evertime我调整浏览器窗口的大小，我的网页中的元素不断挤压在一起并且不合适。调整窗口大小时如何使其停滞不前？我希望它看起来像是＆＃34;切断＆＃34;调整大小时。我没有在我的代码中添加任何东西来修复错误，因为我是一个完整的HTML / CSS初学者。

但是，我找到了类似overflow:hidden的内容。我尝试将它应用到我的CSS主体，如下所示：

body {
    overflow: hidden;
}

但没有发生任何事情。

更新

（HTML）

<body>
<div class="container"><img class="header" src="http://www.ushistory.org/data1/images/slide3.jpg"/>
    <div><h1>APUSH Buddy</h1></div>
    <a class="buttons" id="homelink" href="">Home</a>
    <a class="buttons" id="termslink" href="terms">Terms</a>
    <a class="buttons" id="listlink" href="presidentslist">President's List</a>
    <a class="buttons" id="linkslink" href="links">Links</a>
    <a class="buttons" id="songlink" href="song">President's Song</a>
    <a class="buttons" id="forumlink" href="http://troyapushkorum.forumotion.com/login">APUSH Forum</a>
    <a class="buttons" id="somelink" href="">Something</a>
    <h1>President's List Quiz</h1>
    <p>Click on a president to take a mini fill-in-the-blank quiz!</p>
    </div>
</body>

（CSS）

.container {
width: 960px;
}
.buttons {
width: 13%;
line-height: 200%;
vertical-align: middle;
border-radius: 15px;
text-align: center;
text-decoration: none;
position: absolute;
font-size: 130%;
color: black;

}

虽然有效，但超链接按钮仍然无法响应＆＃34; container＆＃34;。顺便说一下，我不想发布我的所有代码，因为它太多了。

Answer 1

将您的内容置于具有固定div的{{1}}中，如下所示：

<强> HTML：

width

<强> CSS：

<div class="container">
// your code
</div>

HTML / CSS：在调整浏览器窗口大小时如何使网页保持不变？

1 个答案: