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

首頁 > 開發 > CSS > 正文

div的兩列居中放置并對每個div設計css樣式

2024-07-11 08:27:45
字體：大 中 小
來源：轉載
供稿：網友
以下代碼實現一個大的div id=content包含兩個左右結構的div，id=side和id= main 并居中放置。并對每個div設計了css樣式。

復制代碼
代碼如下:
<!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">
#side {
background-color: #00CC66;
float: left;
height: 300px;
width: 120px;
}
#main {
background-color: #CC6633;
height: 300px;
width: 70px;
margin-left:122px;
}
#content {
width: 470px;
margin-right: auto;
margin-left: auto;
}
</style>
</head>
<body>
<div id="content">
<div id="side">此處顯示 id "layout" 的內容</div>
<div id ="main">cichu</div>
</div>
</body>
</html>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 高陵县| 罗平县| 大丰市| 吉木乃县| 恩施市| 论坛| 枞阳县| 嘉峪关市| 闵行区| 新余市| 吉安市| 上虞市| 稷山县| 高陵县| 根河市| 洛扎县| 永修县| 陆川县| 石景山区| 桂林市| 拜城县| 南开区| 阜康市| 丹阳市| 满洲里市| 柳江县| 泰宁县| 盐城市| 长白| 正安县| 琼海市| 光泽县| 陇川县| 武川县| 十堰市| 佛坪县| 丰台区| 鸡泽县| 鹿邑县| 白水县| 鄢陵县|