[問題] css排版問題-垂直延伸填滿卻超出父元素的問題
想請問就是我正在練習css的排版
但一直遇到一個問題就是
HTML部分：
<div class="content">
<div class="main"></div>
<div class="sidebar">
<div class="sidebar_top>top</div>
<div class="sidebar_middle">middle</div>
<div class="sidebar_"bottom">bottom</div>
</div>
</div>
css部分：
.content {
position: relative;
width: 940px;
margin: 10px 0px;}
.content .sidebar {
position: absolute;
width: 300px;
height: 100%;
float:left;}
.content .sidebar .sidrbar_top {
position: static;
background:url(images/top.png) no-repeat;
height:20px;}
.content .sidebar .sidebar_middle {
position: static;
width: 260px;
height: 100%;}
.content .sidebar .sidebar_bottom {
position: static;
background:url(images/bottom.png) no-repeat;
height:20px;}
問題在於top middle bottom三欄加給來所呈現的會超出sidebar
有沒有什麼辦法可以讓所有欄位都在sidebar裡面，又可以垂直延伸middle的部份
圖片在這http://ppt.cc/_GQ9
白色是content
藍色是sidebar
綠色是sidebar_middle，上下個是top跟bottom
有辦法把凸出來的包進去嗎？
ps.這是在mac底下做的，用safari跟ff都是一樣效果。
先謝謝大家看完ㄒㄒ
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 219.84.131.207
推
11/04 10:56, , 1F
11/04 10:56, 1F
→
11/04 14:34, , 2F
11/04 14:34, 2F
→
11/05 12:45, , 3F
11/05 12:45, 3F
→
11/05 16:05, , 4F
11/05 16:05, 4F
→
11/05 16:06, , 5F
11/05 16:06, 5F
→
11/05 16:06, , 6F
11/05 16:06, 6F
→
11/10 04:48, , 7F
11/10 04:48, 7F
→
11/10 04:49, , 8F
11/10 04:49, 8F