1

私のアプリでは、画面サイズに応じてすべてをレンダリングしたいと考えています。

しかし、div はレンダリングされません。

コードは次のとおりです。

<div id="tools" class="open">
.....
</div>

css:

#tools{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   width: 5%;
   overflow: hidden;
   background: #ffffff;
}

画面サイズに応じてレンダリングされません。これに対する実行可能な解決策を教えてください

編集 ：

上記の div では、いくつかのツール アイコンが使用されます。そのため、どのような画面サイズを使用しても、画像アイコンのサイズは変わりません。画面サイズに応じてレンダリングされません

4

7 に答える 7

0

これを試して：

#tools {
    position:absolute; 
    top:0; 
    right:0;
    width:5%;
    overflow:hidden; 
    background:red;
}

html, body {
    width: 100%;
    height: 100%;
}

フィドル

于 2013-07-17T07:10:49.147 に答える
0

固定ディメンションが定義されていないため、この div から問題が発生することはありません。したがって、問題は親divに由来します。すべての親 div に固定値がないかどうかを確認する必要があります。

于 2013-07-17T07:19:08.963 に答える
0

見やすいように色を追加するだけで完全に機能します

http://jsfiddle.net/A2JjN/2/

background:red;
font-size:50px;

なぜ使用するのかについて混乱している人はtop:0; bottom:0;、この投稿CSS 100% height with absolute position top 0 bottom 0を読んでください。

于 2013-07-17T07:21:28.777 に答える