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

首頁 > 開發 > CSS > 正文

CSS實例：三列自適應等高且中列寬度自適應

2024-07-11 08:40:41
字體：大 中 小
來源：轉載
供稿：網友
　　三列自適應等高且中列寬度自適應的CSS布局實例，作者silence應用了很多HACK進行代碼編寫。
　　IE6是主要出現問題的瀏覽器，希望在以后的發展中，IE6與標準不再協調的事情不要再次發生。我們看代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>三列自適應等高且中列寬度自適應 - www.CuoXIn.com</title>
<style type="text/css">
a{ color:#30C;}
.wrap{overflow:hidden;}
.left{width:250px;float:left; background:#FC9;}
.right{width:250px;float:right;background:#FC9;}
.center{ background:#FC0;_float:left;/* ie6 hack*/  overflow:hidden;}
.row{margin-bottom:-10000px;padding-bottom:10000px;}
</style>
</head>
<body>
<div class="wrap">
  <div class="left row"><a href="#">www.CuoXIn.com</a></div>
  <div class="right row">
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
        </div>
          <div class="center row">
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
        <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
        <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
        <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
                <a href="http://www.CuoXIn.com/">www.CuoXIn.com</a><br />
        <span style="float:right; position:relative;"> </span> <!--for ie6-->
        </div>
</div>
</body>
</html>

查看運行效果：

 代碼調試框 [www.CuoXIn.com]

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 什邡市| 禄丰县| 察雅县| 永城市| 海原县| 盘山县| 乐昌市| 兰西县| 龙里县| 交城县| 永修县| 宝坻区| 龙南县| 九江市| 平定县| 五河县| 营口市| 舞钢市| 东阿县| 囊谦县| 龙泉市| 重庆市| 滁州市| 海淀区| 舟山市| 招远市| 当阳市| 奉新县| 阆中市| 翁源县| 通河县| 龙陵县| 寿光市| 栾川县| 桂平市| 龙南县| 团风县| 郑州市| 怀宁县| 晋中市| 搜索|