これを達成するのが難しいです。 div content1
とcontent2
は、残りのスペースを最小の高さに設定されたウィンドウ内に垂直に埋めるようにしたいと思います。ここでcss divをウィンドウの100%に伸ばす方法
<style type="text/css">
body,td,th {
font-family: Arial, Helvetica, sans-serif;
height:100%;
}
body {
background-color: #E1E1E1;
}
</style>
<style type="text/css">
.container {
width: 965px;
height: 100%;
margin: 0 auto;
overflow: hidden;
}
.sidebar1 {
float: left;
width: 200px;
background: none;
padding-bottom: 10px;
} .content {
padding: 10px 0;
width: 380px;
height: 100%;
background: #fff;
float: left;
position: relative;
} .content2 {
float: left;
width: 380px;
height: 100%;
background: #fff;
padding: 10px 0;
}
-->
</style>
私はサイズを変更しようとしている(現在空が、私は彼らが縦に窓を埋めるしたい)のdivです:
<div class="content" style="border-left: solid 1px #CCC;"></div>
<div class="content2"><!-- end .sidebar2 --></div>
その:-( – methuselah
それが動作する動作していない私はちょうど私がデモのために追加jsfiddleを参照して、すべてのブラウザ – Mahima
@jeansymolanza上でそれをテストした。 – Petah