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

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

一行兩列的CSS設(shè)置代碼

2024-07-11 08:40:45
字體：大 中 小
供稿：網(wǎng)友
<style type="text/css">
body{font-size:12px;}

.main{width:800px;/* 總的寬度 */
background:yellow;
}
.main .col-1{
float:left;/* 這個(gè)是關(guān)鍵的地方 讓col1往左浮動(dòng)，這樣它的后面（右邊）就可以放置別的元素（別的元素：可以是div，圖片，文字等） */
width:300px;height:300px;
background:#eee;border:1px solid #ccc;
}
.main .col-2{
float:left;/* 這個(gè)是關(guān)鍵的地方 讓col2也往左浮動(dòng)，緊跟在col1的后面 */
margin-left:5px;/* 讓col2和col1之間有些間隔 */
width:490px;height:300px;/* 給一個(gè)尺寸 可以隨意*/
background:#ddd;
border:1px solid #ccc;
}
.clear-float{clear:both}/* 清除col1和col2的float,否則main的高度會(huì)出錯(cuò) 沒有包住它里面的有float的元素。 */
</style>

<div class="main">main 我是包在外面的div
 <div class="col-1">col1 我是第一列</div>
 <div class="col-2">col2 我是第二列</div>
 <div class="clear-float">clear-float;我用來清除浮動(dòng)（清除float）</div>
</div>

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 永修县| 台州市| 晋城| 胶南市| 奎屯市| 苗栗县| 武汉市| 恩施市| 土默特右旗| 盐边县| 吉木乃县| 张家港市| 寻甸| 安乡县| 博湖县| 永和县| 辽中县| 重庆市| 邓州市| 岳西县| 漾濞| 通海县| 喀喇| 龙井市| 荔波县| 贵州省| 惠水县| 松滋市| 遂溪县| 那坡县| 喀喇沁旗| 平罗县| 班玛县| 裕民县| 阳信县| 栖霞市| 赤峰市| 静海县| 涿州市| 济南市| 高雄县|