麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發 > CSS > 正文

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

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

武林網(www.companysz.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基礎的好。挫敗感。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 久色成人 | 亚洲卡通动漫在线观看 | 亚洲最大久久 | 成人在线视频免费 | 看个毛片 | 999精品国产 | 国产精品久久久久一区二区 | 国产成人高清在线观看 | av视在线 | 免费观看视频91 | 在线播放亚洲视频 | 97人人草| www.com超碰 | 免费黄色在线观看网站 | 精品亚洲国产视频 | 成av人在线观看 | 深夜精品福利 | 亚洲精品无码不卡在线播放he | 二区视频 | 国产精品一区二区日韩 | 亚洲性在线视频 | 久久精品一区二区三区不卡牛牛 | 999插插插 | 国产在线观看91一区二区三区 | 一级免费在线 | chinese xxxx hd pron8 tube| 日本成年网 | 久久亚洲春色中文字幕久久 | 爽妇网国产精品 | 国产精品一区二区日韩 | 久久精品国产99国产精品亚洲 | 黄色电影免费网址 | 国产精品视频2021 | a黄在线观看 | 天天舔天天插 | 亚洲小视频 | 成人羞羞视频在线观看免费 | 久久不射电影 | 欧美大屁股精品毛片视频 | 日韩在线播放第一页 | xxx日本视频 |