Re: [問題] 關於css的區塊問題
※ 引述《xacid ( )》之銘言：
: 我想到的是直接用絕對定位排。以這樣的 html 為例：
: <div id="main">
: <div id="left">...</div>
: <div id="right">...</div>
: </div>
: 把 #left 設成 position: absolute ，然後設定上下距都是 0 就行了，像這樣：
: #main{
: position: relative;
: margin: 0 auto 0 auto;
: width: 780px;
: }
: #left{
: position: absolute;
: width: 180px;
: top:0; bottom:0;
: background-color: #168;
: color:#fff;
: padding: 10px;
: }
: #right{
: margin-left: 200px;
: padding: 10px;
: line-height: 1.5em;
: background-color: #eee;
: }
用絕對定位來做排版是很直覺且簡單
但是 ...
最大的缺點就是絕對定位讓你的element跳脫了正常element flow而失去了layout上的彈性
我用你的code寫了一個例子 http://elanhung.50webs.com/example03.html
在這種情況下就沒辦法達到原先要求的等高視覺效果
採用float model才可以保持layout上的彈性
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.131.2.149
討論串 (同標題文章)
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章