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

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

ul, li, a怎么用(谷歌/火狐/ie6/7/8)中測試

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


復(fù)制代碼
代碼如下:
<style type="text/css">
*{margin:0; padding:0;font-size:14px}
body{padding-top:20px}
ul,li{list-style: none}
ul{background: yellow;}
li{float:left;height:50px;}
a{display:inline-block;padding:0 30px;line-height: 50px;background:pink url(images/dian.jpg) no-repeat left center; width:60px;margin-left:30px;white-space:nowrap;overflow: hidden;}
/*外部div未設(shè)置高度, 清楚其內(nèi)部div浮動產(chǎn)生脫離文檔流*/
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: ".";
clear: both;
height: 0;
}
/*因?yàn)閕e6、7不能識別偽類, 而只需要用zoom:1既能觸發(fā)布局*/
* html .clearfix {zoom: 1;} /*IE6*/
*:first-child+html .clearfix {zoom: 1;} /*IE7*/
</style>
</head>
<body>
<ul class="clearfix">
<li><a href="###">aaaaaaaaaaaaaaaaaaaaaaaa</a></li>
<li><a href="###">b</a></li>
<li><a href="###">ccc中中中</a></li>
</ul>
</body>

下面所有瀏覽器指的是谷歌、火狐、ie6、7、8

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 德兴市| 富宁县| 平邑县| 双柏县| 涿州市| 迭部县| 津南区| 泰和县| 杂多县| 昭苏县| 错那县| 永登县| 固安县| 衢州市| 厦门市| 东平县| 剑川县| 泗阳县| 南宫市| 周至县| 花莲市| 金溪县| 肃宁县| 调兵山市| 阿荣旗| 苍山县| 封开县| 尖扎县| 辽阳县| 秦皇岛市| 江永县| 北海市| 茶陵县| 临澧县| 福建省| 游戏| 崇阳县| 从江县| 镇沅| 庄浪县| 淄博市|