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

首頁 > 開發 > CSS > 正文

左側固定寬度，右側自適應寬度的CSS布局

2020-10-23 18:30:59
字體：大 中 小
來源：轉載
供稿：網友
BI上有高手專門討論了這種布局方法，但他用了較多的hack，還回避了IE6的dtd。我在實際使用中，發現回避掉IE6的dtd定義后，會導致ajax模態框無法居中（VS的一個控件，自動生成的代碼，很難修改）。 于是自己寫了個簡單的左右兩列的布局，沒用到什么hack，很簡單，只是練手用用。

css代碼：left和right都貼住左側。設置left在right上面(z-index)；在right內加個放內容的層(content)；設置content距離right的左側為200px，即剛巧等于left的寬度。
復制代碼 代碼如下:

* {margin:0; padding:0; list-style:none; }
.wrapper {width: 100%; }
.left {width:200px;background:#fcc; position:absolute; left:0 ;z-index:1 }
.right {width:100%;background:#ccc; position:absolute;left:0}
.content {margin-left:200px;background:#ffc; }

完整代碼

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執行]

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 安丘市| 海南省| 江北区| 清镇市| 新干县| 绥滨县| 庆云县| 南部县| 黎平县| 九龙坡区| 泽库县| 教育| 布拖县| 龙川县| 临海市| 凤山市| 淄博市| 永济市| 平江县| 特克斯县| 玉田县| 闸北区| 甘德县| 云龙县| 墨玉县| 郯城县| 福海县| 石家庄市| 萨迦县| 三明市| 常宁市| 岐山县| 石河子市| 江华| 夹江县| 新野县| 兴文县| 蕲春县| 临泽县| 沧州市| 井冈山市|