提供CSS 寬度填滿相關PTT/Dcard文章，想要了解更多CSS 垂直填滿、Html height: 100%、CSS 撐滿有關運動與健身文章或書籍，歡迎來輕鬆健身去提供您完整相關訊息. ... <看更多>
css 垂直 填 滿 在 CSS 寬度填滿在PTT/Dcard完整相關資訊 - 輕鬆健身去 的推薦與評價
提供CSS 寬度填滿相關PTT/Dcard文章，想要了解更多CSS 垂直填滿、Html height: 100%、CSS 撐滿有關運動與健身文章或書籍，歡迎來輕鬆健身去提供您完整相關訊息. ... <看更多>
css 垂直 填 滿 在 [基礎課程] CSS 教學（四）：浮動、佈局、Flex - 洛奇的邪惡 ... 的推薦與評價
垂直 對齊超簡單，Bootstrap CSS 框架也在用。 float 會讓外盒高度消失掉，flex 會讓 ... align-items: stretch; /* 叉軸之對齊方式：填滿整個父容器*/ ... <看更多>
css 垂直 填 滿 在 css-protips/README.md at master - GitHub 的推薦與評價
... 使用 max-height 來建立純CSS 的捲動軸; 讓表格中每個儲存格維持等寬; 利用Flexbox 去除多餘的Margin 技巧; 利用屬性選擇器填滿空白連結的文字內容 ... ... <看更多>
css 垂直 填 滿 在 [問題] 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的部份
圖片在這https://ppt.cc/_GQ9
白色是content
藍色是sidebar
綠色是sidebar_middle，上下個是top跟bottom
有辦法把凸出來的包進去嗎？
ps.這是在mac底下做的，用safari跟ff都是一樣效果。
先謝謝大家看完ㄒㄒ
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 219.84.131.207
... <看更多>