国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板： 资中县| 汉阴县| 六枝特区| 清涧县| 青海省| 阿城市| 南阳市| 肇东市| 新蔡县| 库尔勒市| 平原县| 山东省| 郁南县| 石首市| 奇台县| 镇雄县| 全椒县| 贺兰县| 景泰县| 尤溪县| 翼城县| 波密县| 织金县| 莱芜市| 时尚| 天门市| 墨竹工卡县| 美姑县| 华坪县| 吴桥县| 肥东县| 商河县| 江门市| 商南县| 宜城市| 威宁| 靖西县| 怀仁县| 武隆县| 东阳市| 儋州市|