0

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

在此处输入图像描述 在此处输入图像描述

<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>
4

2 回答 2

0

您是否尝试将位置属性设置为固定?调整窗口大小时你想发生什么?

于 2013-05-08T05:37:26.420 回答
0

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

z-index
overflow
white-space

此外,尝试以width% (而不是 px)指定属性,因此调整大小将更可预测。这可能是答案。问候, AB

于 2013-05-08T05:38:20.207 回答