Question

所以我正在为课堂创建一个网站，我完全不知道如何解决我的问题。我已阅读并阅读试图弄清楚如何纠正这个问题，但我很困惑，似乎无法弄清楚我的情况。就我的网页而言，我试图弄清楚当我的浏览器重新调整大小时如何保持我的主要内容。以下是我的问题的一些照片。

enter image description here

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>About</title>
</head>

<body>
<h2 align="left">

<div class="container">
<h5>
  <br /><br /><br />
  <a href="default.html">Home</a><br /><br />
  <a href="about.html">About</a><br /><br />
  <a href="attractions.html">Attractions</a><br /><br />
  <a href="dining.html">Dining</a><br /><br />
  <a href="nightlife.html">Night Life</a><br /><br />
  <a href="contact.html">Contact</a><br /><br />
 </h5></div>
 <!--Navigation bar -->
<div class="content">
<br /><br /><br />
<div id="subscription">
<form>
 Subscribe to our Newsletter: <input type="text" name="CustEmail" id="CustEmail"/>
 <input type="submit" value="Subscribe"/>
 </form>
 </div>
<!--Subscription -->



 </body>
 <style type="text/css">

  body
  { 
  background-image:url(about.jpg);
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:fixed;
  background-size:;
  text-align:right


  }
  .container { width: 50%;
    height: 20%;
    padding: 1px;
    position:absolute;
    top:100px;
    left:165px;
    font-family: arial,sans-serif;
    }
    .content {
width: 64%;
height: 62%;
padding: 1px;
position: absolute;
top: 24%;
overflow: scroll;
visibility: visible;
left: 27%;
font-family: arial,sans-serif;
font-size:14px;
    }
    #subscription {
position: absolute;
top: 7%;
left: 25%;
font-family: arial,sans-serif;
font-size:14px;
    }
    </style> 
    </html>

Answer 1

您是否尝试过将位置属性设置为固定？调整窗口大小时，您希望发生什么？

Answer 2

仔细查看您的CSS，特别是<div>元素的以下属性：

z-index
overflow
white-space

此外，尝试以％（而不是px）指定width属性，因此调整大小将更具可预测性。这可能就是答案。此致，AB

某些内容没有固定位置，窗口调整大小

2 个答案: