0

<div id="Blue">1-紺碧の正方形を拡張して、茶色の正方形を塗りつぶすにはどうすればよいですか?

2-サイズの高さを解像度ウィンドウに一致させるにはどうすればよい#frameですか?ウィンドウをスライドさせて下にスクロールすると下部が表示され、しばらくすると小さくなります。

助けのためのThx

あなたはここでデモjsFiddleを見ることができます

関連するコード。

HTML

<div id="frame">
    <div id="inside_window">
        <div id="Yellow"></div>
        <div id="Green"></div>
    <div id="Blue"><img src="http://www.centerwow.com/stackoverflow/shark.png"  height="50" width="50" />
    <img src="http://www.centerwow.com/stackoverflow/ship.png"  height="100" width="120" /></div>
    <div id="Red"></div>
    <div id="ver"></div>
    <div id="hor"></div>
    <div id="ver2"></div>
</div>

スタイル

#Blue{
    position: absolute;
    min-height:100%;
    min-width:75%;
    -webkit-border-radius: 0px;    
    margin: 0 150px;    
    background-color: #62A9FF;
    z-index:10;
    display:table;
    font-size:220%;
    cursor: url(http://www.centerwow.com/stackoverflow/magnet.png), auto;
    left:0px;
    top:0px;
}
4

1 に答える 1

1

したがって、最初の問題の答えは次のとおりです。http://jsfiddle.net/surendraVsingh/hfuGx/49/

min-height を height:100% に変更します。

#Blue
{
    position: absolute;
    height:100%;
    min-width:75%;
    -webkit-border-radius: 0px;    
    margin: 0 150px;
    background-color: #62A9FF;
    z-index:10;
    display:table;
    font-size:220%;
    cursor: url(http://www.centerwow.com/stackoverflow/magnet.png), auto;
    left:0px;
    top:0px; 
}

2 番目の質問については、次 の css を css コードの先頭に追加します。

html, body{height:100%;} 

注:ブラウザー ウィンドウの高さが小さすぎる場合、スクロール バーが表示されます。

于 2012-07-04T09:37:51.847 に答える