国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板： 新邵县| 西畴县| 化隆| 醴陵市| 巴里| 易门县| 沙湾县| 清新县| 会理县| 防城港市| 西宁市| 基隆市| 武山县| 陆丰市| 和龙市| 柘荣县| 抚顺县| 庆城县| 璧山县| 西充县| 安阳县| 临桂县| 凭祥市| 芜湖县| 临沧市| 磐安县| 水富县| 深州市| 兴山县| 安岳县| 改则县| 中牟县| 五家渠市| 韶山市| 日照市| 新竹县| 彰化市| 河间市| 河东区| 湘潭县| 龙井市|