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

<div>CSS、特に次の要素のプロパティをよく見てください。

z-index
overflow
white-space

また、width(px ではなく) % でプロパティを指定してみてください。これにより、サイズ変更がより予測しやすくなります。それが答えかもしれません。よろしく、AB

于 2013-05-08T05:38:20.207 に答える