ここ数日、Web サイトに必要な特定のレイアウトに関していくつかの問題がありました。レイアウトを説明する画像と、以下で試した CSS コードを追加しました。フローティング レイアウト、絶対配置、およびあらゆる種類の組み合わせを使用してレイアウトを修正しようとしましたが、うまくいかないようです。皆さんのいずれかがこれで私を助けてくれることを願っています。
レイアウトイメージは次のとおりです。
CSSコードは次のとおりです。
html, body {
overflow:hidden;
}
* {
margin:0;
padding:0;
}
.header {
background-color:#CCC;
position:fixed;
left:0;
top:0;
width:100%;
height:40px;
}
.wrapper {
position:absolute;
width:100%;
top:40px;
bottom:40px;
}
.left {
float:left;
overflow-y:scroll;
width:30%;
min-width:300px;
height:100%;
}
.right {
float:left;
overflow-y:scroll;
right:0;
width:70%;
height:100%;
}
.footer {
background-color:#000;
position:fixed;
bottom:0;
left:0;
width:100%;
min-width:500px;
height:40px;
}