DIV CSS 佈局教程網

網頁制作poluoluo文章簡介： 新進的公司，接觸新的東西，一切都讓我倍感緊張。很久沒有接觸設計的東西了，突然上手就要做界面，心裡還是很忐忑的。

從這件事證明了，我專業知識欠缺很多，還需要持續學習，靜下心來吧。

 新進的公司，接觸新的東西，一切都讓我倍感緊張。很久沒有接觸設計的東西了，突然上手就要做界面，心裡還是很忐忑的。
貼一下Card的這個界面。 

以前很少使用這類的總寬度自適應100%，兩列布局，一列固定，一列自適應的，於是，有點頭大。
搜索了下，得到如下結果
 

.left { width:180px; float:left }

.right {  }  可不用定義

但這樣的話，就有幾個問題：
1.在dw裡面，right部分會延伸到整個屏幕，雖然在浏覽器裡是正確的，這樣程序做起來可能會困惑。。
2.就是如果裡面有不定義width的div存在，這個div就不會自動平鋪背景，形成如下情況。

這讓我一時摸不到頭腦，感覺對css還是知之甚少。
最後只有在right的下面套一個100%的table 來解決這個事情。

今天早晨來了以後，問同事要了以前partime做的東西，打開研究了一下，發覺，
其實這個問題很好解決，上面的問題2也可以一並解決掉！
代碼如下：
 

.left { width:180px; float:left }
.right{ margin:0 0 0 180px;}

其實就是簡單的把right的 左邊距設為left的寬度即可。唉。
我還是好好看看css基礎的好。挫敗感。