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

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

利用margin實(shí)現(xiàn)等高布局

2024-07-11 08:30:48
字體：大 中 小
供稿：網(wǎng)友

復(fù)制代碼
代碼如下:
<div id="main">
<div id="left">
我是左邊的內(nèi)容的啦啦啦啦。。。。

我是左邊的內(nèi)容的啦啦啦啦。。。。

我是左邊的內(nèi)容的啦啦啦啦。。。。

我是左邊的內(nèi)容的啦啦啦啦。。。。

我是左邊的內(nèi)容的啦啦啦啦。。。。

</div>
<div id="right">
左邊的內(nèi)容...哈哈哈哈哈
</div>
</div>
<style>
#main{
overflow:hidden;
width:500px;
margin:0 auto;
}
#left{
float:left;
width:390px;
background:#eee;
}
#right{
float:right;
width:100px;
background:#ccc;
}
#left,#right{
margin-bottom:-1000px;
padding-bottom:1000px;
}
</style>


復(fù)制代碼
代碼如下:
overflow:hidden;
margin-bottom:-1000px;
padding-bottom:1000px;

非常巧妙的利用了 margin 做到了等高布局。只是一個(gè)看起來的。實(shí)際上高度不相等的。只是隱藏了超出的部分

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 乌鲁木齐市| 阜阳市| 绍兴市| 恩平市| 井陉县| 望城县| 土默特左旗| 时尚| 遵义市| 吉安市| 蚌埠市| 游戏| 南靖县| 合阳县| 翁牛特旗| 鲜城| 辽阳市| 阿图什市| 嘉义县| 连州市| 特克斯县| 甘肃省| 江孜县| 保靖县| 土默特左旗| 石柱| 吴川市| 通渭县| 侯马市| 柞水县| 壶关县| 文成县| 宣城市| 楚雄市| 达孜县| 衡东县| 阜宁县| 文昌市| 汽车| 喀喇沁旗| 临泉县|