新進(jìn)的公司，接觸新的東西，一切都讓我倍感緊張。很久沒(méi)有接觸設(shè)計(jì)的東西了，突然上手就要做界面，心里還是很忐忑的。
貼一下Card的這個(gè)界面。
以前很少使用這類的總寬度自適應(yīng)100%，兩列布局，一列固定，一列自適應(yīng)的，于是，有點(diǎn)頭大。
搜索了下，得到如下結(jié)果
.left { width:180px; float:left }
.right { } 可不用定義
但這樣的話，就有幾個(gè)問(wèn)題：
1.在dw里面，right部分會(huì)延伸到整個(gè)屏幕，雖然在瀏覽器里是正確的，這樣程序做起來(lái)可能會(huì)困惑。。
2.就是如果里面有不定義width的div存在，這個(gè)div就不會(huì)自動(dòng)平鋪背景，形成如下情況。
這讓我一時(shí)摸不到頭腦，感覺(jué)對(duì)css還是知之甚少。
最后只有在right的下面套一個(gè)100%的table 來(lái)解決這個(gè)事情。
今天早晨來(lái)了以后，問(wèn)同事要了以前partime做的東西，打開(kāi)研究了一下，發(fā)覺(jué)，
其實(shí)這個(gè)問(wèn)題很好解決，上面的問(wèn)題2也可以一并解決掉！
代碼如下：
.left { width:180px; float:left }
.right{ margin:0 0 0 180px;}
其實(shí)就是簡(jiǎn)單的把right的 左邊距設(shè)為left的寬度即可。唉。
我還是好好看看css基礎(chǔ)的好。挫敗感。
|
