1

インターネットから多くのサイトにアクセスした後、方法が見つかりませんでしたdiv。ブラウザ ウィンドウを埋めるにはどうすればよいですか。最初は非表示にする必要がありますが、ポストバックでは表示する必要があります。この div は、タグの直接の子ではbodyなく、表の行内に配置されます。ウィンドウに合わせて配置するには、どのようなCSSを適用すればよいですか。以下Cssで使用しましdivたが、うまくいきません。

 .BodyCover { position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  }

編集

Html マークアップは以下のとおりです。

 <table>
     <tr>
        <td>Content</td>
    </tr>
     <tr>
        <td>Content</td>
    </tr>
    <tr>
        <td><div class="BodyCover "></div></td>
    </tr>
</table>

いずれかの方法でこれを達成するにはどうすればよいでしょうか。つまり、DIV をボディ イベントにいくつかのボタン クリックでフローティングさせたいということです。どうすればこれが別の方法で可能になりますか。

4

4 に答える 4

0

パーセントベースの幅と高さはラッピング要素を基準にしているため（ちなみに絶対位置もそうです）、divで体全体をカバーする場合は、体の直接の子孫にするか、javascriptを使用するしかありません。 divのサイズと位置を手動で変更します。

興味深い質問は、なぜdivをテーブルの一部にしたいのに、画面全体をカバーしたいのかということです...

于 2012-12-20T08:15:52.743 に答える
0

これを試して、私のために働いた

.BodyCover { 
position: absolute;
top: 0;
right: 0;
bottom:0;
left:0;
}​

http://jsfiddle.net/jeL3D/

于 2012-12-20T08:16:01.027 に答える
0

あなたはそれを行うことができます。

body{
   height:100%;
   margin:0;
}

.full{
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#F00;
    position:absolute;
    visibility:hidden;
}
<table border="1">
    <tr>
        <td id="rw"><div class="full" id="dv">text here</div>click</td>
        <td><div>text1</div></td>
    </tr>

    <tr>
        <td><div>text2</div></td>
        <td><div>text3</div></td>
    </tr>
</table>

http://jsfiddle.net/MvtYU/19/

于 2012-12-20T08:18:57.723 に答える
0

ビューポートの高さとビューポートの幅 (それぞれ vh と vw) を使用できるようになりました。たとえば、100vh はビューポート ウィンドウの高さを埋めます。

于 2014-06-29T05:20:37.367 に答える