国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS教程實例:關于網頁的兩列布局

2024-07-11 09:04:12
字體:
來源:轉載
供稿:網友

武林網(www.survivalescaperooms.com)文章簡介: 新進的公司,接觸新的東西,一切都讓我倍感緊張。很久沒有接觸設計的東西了,突然上手就要做界面,心里還是很忐忑的。

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

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

 

CSS教程實例:關于網頁的兩列布局

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

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

.right {  }  可不用定義

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

CSS教程實例:關于網頁的兩列布局

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

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

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

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 平陆县| 松潘县| 龙江县| 宜章县| 大余县| 临猗县| 淮阳县| 太保市| 靖江市| 突泉县| 凉山| 盐边县| 聊城市| 中西区| 轮台县| 独山县| 禄劝| 台州市| 民丰县| 铁力市| 贵州省| 泸水县| 堆龙德庆县| 嘉荫县| 汪清县| 宝鸡市| 措勤县| 启东市| 永胜县| 桃源县| 达尔| 灯塔市| 离岛区| 贺州市| 博白县| 海宁市| 竹溪县| 炎陵县| 蕉岭县| 盐源县| 桦川县|