html - 可変レイアウトと固定レイアウトの両方

Question

2 つの div を並べて配置する方法、1 つの div は 75% 幅で、もう 1 つの div は 25% 幅です。その上に、コンテンツをページの中央に幅:986px で作成します。

Plsは次のコードを見てください

#bodywrapper
{
margin:0 auto;
}
#green-portion
{
background:url('images/green_portion.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width:75%;
    position:absolute;
    top:30%;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
    z-index:-1;
    display:none;
}
#blue-portion
{
    width:25%;
    background-color:#051f3b;
    height:400px;
    position:absolute;
    top:30%;
    bottom:0;
    left:75%;
    right:0;
    overflow:hidden;
    z-index:99999;


    }
<div id="bodywrapper">



<div id="green-portion">
</div>

<div id="blue-portion">
</div>

</div>

Answer 1

CSS;

#blue-portion {
     float: right;
}