[問題] css兩欄式排版問題

看板Web_Design作者 (歐歐歐批歐歐歐)時間15年前 (2011/01/08 00:31), 編輯推噓2(207)
留言9則, 4人參與, 最新討論串1/2 (看更多)
http://www.jsfiddle.net/onesan/MYNEj/ 如網頁所呈現 我想達到的版型如下 ╭────────╮ ┌────┐╭╮│ │╭──╮│││ ││ ││││ ││ ││││ │╰──╯│││ │└────┘╰╯│ ╰────────╯ 標籤命名: 最外框(紅) #all 左半部(粉紅) #leftside 左半部內容(綠) #inside 右半部(藍) #rightside 請問為什麼當我把 #leftside 的margin-right 設定成負的 #rightside 寬度 才能顯示正常? 可否解釋一下 為何跟我的認知不太一樣 負的不是應該要在螢幕外嗎? 怎麼是內縮了? 感謝各位熱心解答~ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 124.11.212.243 ※ 編輯: ooopooo 來自: 124.11.212.243 (01/08 00:40)

01/08 02:43, , 1F
01/08 02:43, 1F

01/08 11:29, , 2F
http://jsfiddle.net/MYNEj/25/ 試著調整了一下 應該是把
01/08 11:29, 2F

01/08 11:30, , 3F
leftside跟rightside的寬度設定關係吧@@
01/08 11:30, 3F

01/08 12:14, , 4F
初步看一下,應該是寬度設定的關係
01/08 12:14, 4F

01/08 12:15, , 5F
css的觀念還要再加強一下
01/08 12:15, 5F

01/08 12:32, , 6F
正的表示邊界往外 負的表示邊界往內
01/08 12:32, 6F

01/08 12:34, , 7F
你紫色#leftside也畫錯了,應該要跟#all一樣寬
01/08 12:34, 7F

01/08 12:34, , 8F
也就是雖然#leftside和#all一樣寬,但是利用負邊界
01/08 12:34, 8F

01/08 12:35, , 9F
#rightside可以往上跑
01/08 12:35, 9F
文章代碼(AID): #1D9p_70g (Web_Design)
文章代碼(AID): #1D9p_70g (Web_Design)