[請益] float後Bootstrap的高會100%的問題
問題如下:
http://jsfiddle.net/jogkakpv/
請教各位
我現在要做一個兩欄式的排版
左欄固定寬度200px,右欄填滿剩餘空間
右欄裡面的內容使用Bootstrap
但是現在問題來了
右欄的第一個Bootstrap內容好像會隨著左欄的高度在變
研究了很久發現好像是Bootstrap的before跟after有設display: table的關係
拿掉就正常,但如果再往上放<div class="row">之類的整個版面都重疊了
請看附圖http://i.imgur.com/dWD4BAA.jpg

請問各位有遇過類似的問題嗎,在不修改Bootstrap css的前提下有解決的方法嗎?
ps.有用過左欄就用position:absolute去固定,但如果選單一多就無法...因為脫離了文
檔流...
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.163.184.193
※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1410229121.A.741.html
→
09/09 12:21, , 1F
09/09 12:21, 1F
→
09/09 12:22, , 2F
09/09 12:22, 2F
→
09/09 12:29, , 3F
09/09 12:29, 3F
您好像誤會我的意思了 我意思是右欄的Bootstrap panel明明內容只有一行
為什麼它的長度卻是隨著我左欄的長度在變
另外您在右欄加的那3個div當然正常,因為它不是Bootstrap內容
您可以在第一個div加上class="row"看看,就會被撐大了
我重新檢查了一下文章,我左右沒寫反啊XD
※ 編輯: mingming5596 (118.163.184.193), 09/10/2014 08:46:09
推
09/10 11:39, , 4F
09/10 11:39, 4F
推
09/10 11:45, , 5F
09/10 11:45, 5F
→
09/10 11:45, , 6F
09/10 11:45, 6F
→
09/10 11:45, , 7F
09/10 11:45, 7F
→
09/10 11:56, , 8F
09/10 11:56, 8F
→
09/10 11:57, , 9F
09/10 11:57, 9F
→
09/10 11:59, , 10F
09/10 11:59, 10F
→
09/10 12:00, , 11F
09/10 12:00, 11F
→
09/10 12:02, , 12F
09/10 12:02, 12F
原來是Bootstrap本身clear hack的問題,
所以一定得加上absolute讓它脫離出來不被左邊的浮動影響到嗎?
長知識了,謝謝解答哦!
※ 編輯: mingming5596 (118.163.184.193), 09/10/2014 17:12:40
→
09/10 22:48, , 13F
09/10 22:48, 13F
推
09/12 01:48, , 14F
09/12 01:48, 14F
→
09/12 01:49, , 15F
09/12 01:49, 15F
→
09/12 01:49, , 16F
09/12 01:49, 16F
→
09/12 19:21, , 17F
09/12 19:21, 17F
→
09/12 19:23, , 18F
09/12 19:23, 18F
→
09/12 19:23, , 19F
09/12 19:23, 19F