Re: [問題] 關於css區塊問題

[ateclean (乙癡光)]

<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
→ adamp3:用firebug 連/*...*/的方法都不需要:p
→ ateclean:也是! 不過我想問一個題外話，用firebug改完怎麼存檔?
→ ateclean:因為我也滿喜歡這個Fx套件的～ 超方便
推 adamp3:不能存檔 用腦袋記著XD
推 neodin:umm... 這跟我的寫法 好像沒什麼不同呀 我漏了什麼嗎？
→ neodin:還是說我多了什麼~~@@" <測試去>
推 GALINE:就說了你把content跟nav的順序換過來就好啦 XD
推 neodin:謝謝樓上點醒
推 edl2000:firebug改完後,直接把firebug 內容copy走就好了啊 =.=
推 neodin:firebug好用...大推!