国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板： 白山市| 福鼎市| 长葛市| 休宁县| 贵南县| 砚山县| 沧州市| 砀山县| 六枝特区| 许昌市| 临桂县| 万盛区| 云南省| 巨鹿县| 金塔县| 门源| 东乌珠穆沁旗| 独山县| 兴和县| 迁西县| 松江区| 奉节县| 体育| 永新县| 美姑县| 清丰县| 巩义市| 长子县| 临汾市| 曲沃县| 广西| 武安市| 邛崃市| 通州市| 西藏| 阿拉善盟| 天等县| 邢台县| 涿鹿县| 哈巴河县| 宝丰县|