#sidebar
私はこのコードを書きましたが、 ( )で 100% 動作しない理由がわかりませんdisplay: table-cell
。
これは私のコードCSSです:
<head>
<style type="text/css">
body { margin: 0 auto; width: 800px; }
#wrapper{
display: table;
overflow: hidden; /* clearance */
}
#panel1, #panel2{
display: table-cell;
vertical-align: top;
width:400px;
}
#panel1{ background-color: blue; }
#panel2{ background-color: grey; }
#sidebar, #content{ float:left; }
#sidebar{
background-color: yellow;
width: 100px;
height: 100%;
}
</style>
</head>
そしてHTMLコード:
<body>
<div id="wrapper">
<div id="panel1">
<div id="sidebar">menu</div>
<div id="content">
<br/><br/><br/><br/><br/><br/><br/><br/><br/>end
</div>
</div>
<div id="panel2"><br/></div>
</div>
</body>