国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板： 缙云县| 五河县| 鄂托克旗| 海晏县| 安多县| 鱼台县| 永昌县| 汤阴县| 武冈市| 青神县| 南雄市| 始兴县| 扎鲁特旗| 乌恰县| 房产| 富民县| 钟祥市| 寿阳县| 富平县| 宜黄县| 伊吾县| 南和县| 佛冈县| 台湾省| 河北省| 鞍山市| 汝城县| 临桂县| 友谊县| 汪清县| 红桥区| 绵竹市| 建宁县| 错那县| 馆陶县| 三台县| 防城港市| 偃师市| 安丘市| 定襄县| 苏州市|