台灣最大程式設計社群網站
線上人數
1633
 
會員總數:246276
討論主題:189810
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> 一個困擾我許久的DIV問題
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
一個困擾我許久的DIV問題
價值 : 100 QP  點閱數:2201 回應數:6
樓主

卓小萍
門外漢
0 12
264 14
發送站內信

想請教各位先進一個很簡單但是卻困擾我許久的問題.. >_<"
那就是有個表格要呈現的畫面是:
1) 一列兩欄
2) 表格的寬度要隨著瀏覽器解析度不同自動呈現滿版
3) 左邊的欄寬固定是200px
以前我是用Table來排版
所以最直覺的做法就是
Table的width設定成100%
左邊td的width設定成200px
右邊td的width不設定
代碼如下:

但最近要把這個全部改成div
所以我又用了我最直覺的做法
代碼如下:

但....右邊那個div的背景色並不會把右邊的畫面填滿
後來我試著給他width並設定成100%
它就給我....換行(昏...)
真不知道這到底要怎麼設
很簡單的一個問題,卻困擾了我很久
請各位新進指點迷津...感激不盡了!!!!

本篇文章發表於2012-11-03 15:11
1樓
回應

KKBruce
捐贈 VP 給 KKBruce 檢舉此回應
每一個tr是一獨立空間。
每一個div也是一獨立空間。

網頁排版原則是「由上而下,由左而右」。
如果是表單式的內容,應該用table就用table。只要不是拿table來排整個網頁就好。

CSS方面,有很多好書,去買本來看吧。
本篇文章回覆於2012-11-03 16:20
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

卓小萍
檢舉此回應
但偏偏就不是表單示的內容... >_<"
本篇文章回覆於2012-11-03 17:52
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
回應

KKBruce
捐贈 VP 給 KKBruce 檢舉此回應
把width="100%"設到最上層的div看看,不然就貼上更完整的程式碼及說明。
本篇文章回覆於2012-11-03 18:00
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
最有價值解答

香帥
檢舉此回應
請改為以下這樣就ok

本篇文章回覆於2012-11-03 18:34
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
回應

Allen
捐贈 VP 給 Allen 檢舉此回應
雖然被標成解答了,但我覺得有些問題
1. 我查了CSS規格,沒看到float屬性有reset這個值
請參考
http://www.w3schools.com/cssref/pr_class_float.asp
http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#propdef-float

2.所以若將#4的內容寫成

其實"看起來"好像也符合樓主的需要, 但我覺得應該只是假象, 因為若改成



就可以看到其實黃色的div其實寬度是100%,而不是真的是在紅色div的右側
本篇文章回覆於2012-12-03 11:22
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
回應

Allen
捐贈 VP 給 Allen 檢舉此回應
我剛才試了一下,以下寫法可行,但IE6,7不支援這寫法就是了
本篇文章回覆於2012-12-03 11:37
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.