2014年7月30日

CSS多欄佈局各容器撐高並各欄高跟隨內容多者

關於[CSS多欄佈局各容器撐高並各欄高跟隨內容多者]
這個問題在下還滿確定是可以CSS做到, 因為2006(06-08 IPRO)和在下一同工作的設計師就有認真找過&解過!
對不起, 不是後端老傢伙要越權, 就是很真實遇過的啦~

J大人常說, 怎樣怎樣寫, 當高手過招時會被笑!
所以不要沒有認真找過就說不可能~ 如此牛........... 不必是高手過招! 光過路聽聽瞄瞄就很好笑了!!

◎撐高父元素+各欄下上移
http://blog.linmos.net/archives/129
column(s)浮動時, container高度無法撐高的問題 => 使用overflow:hidden;

http://blog.linmos.net/archives/134
column(s)的高度要跟隨內容多的column高度 => 往下撐再用邊界往上拉回

◎還有一種是一層一層往右移出去, 再拉回
類似這個 http://www.cnblogs.com/rubylouvre/archive/2009/07/15/1523683.html

◎在下數年前還看過, 兩個不滿百分百的div, 一個float左 一個float右, 形成三欄..


前端在下不熟啦~~ 現在可能更進步囉!

沒有留言: