欧美日韩精品在线,国内精品久久久久久久久,一级毛片恃级毛片直播,清纯唯美亚洲综合欧美色

CSS實(shí)例：三列自適應(yīng)等高且中列寬度自適應(yīng)_DIV+CSS實(shí)例

編輯Tag賺U幣
教程Tag：暫無(wú)Tag,歡迎添加,賺取U幣!
　　三列自適應(yīng)等高且中列寬度自適應(yīng)的CSS布局實(shí)例，作者silence應(yīng)用了很多HACK進(jìn)行代碼編寫(xiě)。
　　IE6是主要出現(xiàn)問(wèn)題的瀏覽器，希望在以后的發(fā)展中，IE6與標(biāo)準(zhǔn)不再協(xié)調(diào)的事情不要再次發(fā)生。我們看代碼：

<!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>三列自適應(yīng)等高且中列寬度自適應(yīng) - m.dounai2.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="#">m.dounai2.com</a></div>
  <div class="right row">
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
        </div>
          <div class="center row">
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
        <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
        <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
        <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
                <a href="http://m.dounai2.com/">m.dounai2.com</a><br />
        <span style="float:right; position:relative;"> </span> <!--for ie6-->
        </div>
</div>
</body>
</html>

查看運(yùn)行效果：

 代碼調(diào)試框 [m.dounai2.com]

    [ 可先修改部分代碼 再運(yùn)行查看效果 ]


　　本文作者：silence

來(lái)源：52CSS//所屬分類(lèi)：DIV+CSS實(shí)例/更新時(shí)間：2009-11-21
相關(guān)DIV+CSS實(shí)例：