Re: [問題] 關於css區塊問題
<div id="nav">nav</div>
<div id="content">content</div>
#nav {
float:left;
width:12em;
}
#content {
margin-left:12em;
}
上面是二欄式的解法其一
還有很多不同用法的解法 可以多多看書或是網路上觀摹
建議如果有問題的話
先在css規則裡將什麼padding margin border
通通用/*...*/ 標註 使css失效
這樣慢慢測就曉得是什麼東西壞掉了~
然後我也只是在這板受益良多的小峱峱一個~ (飄走)
※ 引述《neodin (stable)》之銘言:
: 簡單的二欄式CSS但是就是卡住了,目前找不出原理
: 不知道那裡還有遺漏的地方
: 兩個區塊分別是 div#nav div#content
: div#nav 在左 div#content在右
: 理想:
:
: nav content
:
:
: 我將 nav width 設為 12em float:left
: content margin-left 設為14.5em (>14em)
: 結果:
: content
:
:
: nav
:
: 到底還少了什麼地方
: 附上css #content #nav完整碼
: #content {
: background:#fff;
: padding: 1em 1.5ex 1em 1ex;
: margin: 1.2em 0 0 14.5em;
: border-left: dotted #B6DC3B thin;
: }
: #nav {
: width:12em;
: margin: 1em 0 0 0;
: padding: 1em;
: float: left;
: }
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.112.7.59
→
02/18 21:33, , 1F
02/18 21:33, 1F
→
02/18 21:34, , 2F
02/18 21:34, 2F
→
02/18 21:35, , 3F
02/18 21:35, 3F
推
02/18 22:44, , 4F
02/18 22:44, 4F
推
02/19 00:03, , 5F
02/19 00:03, 5F
→
02/19 00:06, , 6F
02/19 00:06, 6F
推
02/19 01:38, , 7F
02/19 01:38, 7F
推
02/19 09:43, , 8F
02/19 09:43, 8F
推
02/19 10:49, , 9F
02/19 10:49, 9F
推
02/19 13:33, , 10F
02/19 13:33, 10F