0

style.css に基づいた Web サイトを立ち上げて実行することができました。

CSSファイルコードはASです

html 
{
    height:100%;
}
{
  position: relative;
  z-index: 0;
  width: 100%;
  left: 0;
  top: 0;
  cursor:default;
  overflow:visible;
}

body
{
  padding: 0; 
  margin:0;
  color: #000000;
  height:100%;
  min-height:100%;
  background-color: #D3D8FD;
  background-image: url('images/Bottom_texture.jpg');
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-position: top center;
  min-width: 820px;
}

.cleared
{
  display:block;
  clear: both;
  float: none;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 0;
  height:0;
  overflow:hidden;
}

この値を変更する方法を理解できないため、ページを大画面で開いたときに、空のスペースが水平方向に 100% 伸びません。ページの実際のサイズが必要です。SO 空きスペースは残されません。ここでcssについてすべて読みましたが、あまり得意ではないため、適切なコードを取得できませんでした。

ありがとうございました。

4

4 に答える 4

1

あなたが何をしようとしているのか理解できれば....

これはあなたが持っているコードで動作し、html と本文の高さを 100% にする必要がありますが、追加する必要もあります

div#yourdiv { 
  height:100% 
}

どのような div についても、ブラウザ ウィンドウの 100% の高さ全体を取得します。

于 2012-08-14T12:10:23.560 に答える
0

入れてみてください：

margin:0px 0px 0px 0px; <---I used this for IE
size: 100%; <---image stretches with any browser
于 2012-08-14T14:13:35.327 に答える
0

コードを更新し、すべてのコードを次のコードに置き換えます。

CSS

{ 
  position: relative; 
  z-index: 0; 
  width: 100%; 
  left: 0; 
  top: 0; 
  cursor:default; 
  overflow:visible; 
}     
body 
{ 
  padding: 0;  
  margin:0; 
  color: #000000; 
  background-color: #D3D8FD; 
  background-image: url('images/Bottom_texture.jpg'); 
  background-repeat: repeat-x; 
  background-attachment: fixed; 
  background-position: top center; 
  min-width: 820px; 
} 
.cleared 
{ 
  display:block; 
  clear: both; 
  float: none; 
  margin: 0; 
  padding: 0; 
  border: none; 
  font-size: 0; 
  height:0; 
  overflow:hidden; 
}

これがあなたが探しているものであることを願っています...

于 2012-08-14T12:29:08.507 に答える
0

ページの HTML を見ると、
html の 111 行目にタグが含まれています。

また、テキスト チェック ライン 113 の右側に空の座席があります。

これはホームページ用ですが、それらを削除すると、テキストの後とフッターの前に存在する空白が削除されます.

于 2012-08-14T13:22:45.997 に答える