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

首頁(yè) > 開(kāi)發(fā) > CSS > 正文

div三欄布局左中右通過(guò)float浮動(dòng)來(lái)設(shè)置

2024-07-11 08:27:45
字體：大 中 小
來(lái)源：轉(zhuǎn)載
供稿：網(wǎng)友
下面代碼構(gòu)造div分為3爛，左中右，主要通過(guò)float浮動(dòng)來(lái)設(shè)置，side靠左浮動(dòng)，side1靠右浮動(dòng)，main自動(dòng)適應(yīng)調(diào)整自身寬度。

復(fù)制代碼
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
body{margin:0px;} //整個(gè)網(wǎng)頁(yè)左右無(wú)空白
#side { background: #99FF99; height: 300px; width: 120px; float: left; }
#side1 { background: #99FF99; height: 300px; width: 120px; float: right; }
#main { background: #99FFFF; height: 300px; margin:0 120px; }
</style>
</head>
<body>
<div id=side>ddddddd</div>
<div id=side1>ffffff</div>
<div id=main>vvvvvvvvvvv</div>
</body>
</html>

發(fā)表評(píng)論 共有條評(píng)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 乐山市| 神木县| 塘沽区| 观塘区| 迁西县| 桐梓县| 永新县| 高清| 凤凰县| 德保县| 隆子县| 兴仁县| 崇左市| 阿拉善左旗| 偃师市| 房产| 美姑县| 平遥县| 临清市| 柏乡县| 广安市| 西乌珠穆沁旗| 吉木乃县| 思南县| 工布江达县| 武威市| 辽阳市| 博罗县| 大新县| 天长市| 舟山市| 定南县| 赣州市| 平罗县| 上林县| 茶陵县| 阳江市| 浪卡子县| 当雄县| 云南省| 泾川县|