国产探花免费观看_亚洲丰满少妇自慰呻吟_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>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 广东省| 甘德县| 房山区| 深州市| 清涧县| 新巴尔虎左旗| 新密市| 施甸县| 鱼台县| 万源市| 迁西县| 治县。| 赣榆县| 新巴尔虎右旗| 马尔康县| 萝北县| 行唐县| 渝北区| 丹东市| 永和县| 盘山县| 隆子县| 怀集县| 当涂县| 葫芦岛市| 马关县| 大冶市| 台东市| 龙门县| 阳新县| 潜江市| 兰州市| 靖宇县| 开原市| 鞍山市| 铜陵市| 体育| 浦城县| 上杭县| 常山县| 萍乡市|