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

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

float元素浮動后高度不一致導致錯位的解決辦方法

2024-07-11 08:28:00
字體：大 中 小
來源：轉載
供稿：網(wǎng)友
當N個元素浮動后，會導致錯位的問題。一般給元素一個固定的height就沒有這個現(xiàn)象。

但是當高度不一致時，就需要想別的辦法來解決了：

1、給父元素定義font-size:0; 浮動子元素定義需要的font-size， 再定義display:inline-block;vertical-align:top;

復制代碼
代碼如下:
ul{
margin:0;
padding:0;
list-style-type:none;
font-size:0;
}
ul li{
width:160px;
display:inline-block;
vertical-align:top;
font-size:12px;
}

2、給換行后的第一個li添加clear:left 如：

復制代碼
代碼如下:
ul li{float:left;width:160px;}
.c{clear:left;}
<li>1</li>
<li>2</li>
<li>3</li>
<li class="c">4</li>
<li>5</li>
<li>6</li>

在這里，程序循環(huán)時，添加個if判斷即可。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 祁阳县| 台东市| 永和县| 育儿| 广州市| 嘉峪关市| 纳雍县| 龙南县| 察哈| 枣阳市| 石柱| 铁岭市| 将乐县| 广东省| 乾安县| 金寨县| 韶关市| 彰化市| 千阳县| 茌平县| 辽中县| 宁强县| 德昌县| 巴里| 体育| 新安县| 那坡县| 饶阳县| 措勤县| 通辽市| 宜城市| 丰台区| 巩义市| 顺义区| 永仁县| 新民市| 潢川县| 噶尔县| 小金县| 普宁市| 关岭|