首页 > web前端 > html教程 > 用CSS实现div等高_html/css_WEB-ITnose

用CSS实现div等高_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 12:26:58
原创
1110 人浏览过

方法1:兼容IE6.7.8.9.10.FF.Chrome

   

   

        .wrap {

            width: 500px;

            margin: auto;

            overflow: hidden;

        }

 

        .left, .right {

            padding-bottom: 32767px;

            margin-bottom: -32767px;

            color: white;

        }

 

        .left {

            background-color: #000;

            width: 200px;

            float: left;

            height: 800px;

        }

 

        .right {

            background-color: red;

            width: 300px;

            float: right;

        }

   

   

       

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

       

       

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

       

   

 

 

方法2:

这个方法的优点:

代码少,简单

缺点:不兼容IE7.6

   

   

        * {

            margin:0;

            padding:0;

            border:0;

            list-style:none;

        }

        .cell1, .cell2, .cell3 {

            display:table-cell;

            width:180px;

            padding-left:10px;

            background-color:#ff6a00;

            border:1px solid #00ffff;

        }

   

   

       

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

           

aaa

       

       

           

aaa

           

aaa

           

aaa

           

aaa

       

       

           

aaa

           

aaa

       

   

 

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板