当前位置：首页 → 问答吧 → 问个简单的问题

问个简单的问题

时间：2010-09-24

来源：互联网

复制内容到剪贴板

代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>demo</title>
    <style>
    #main {
        width:200px;
        background:#ddd;
    }
    #left{
    width:100px;
    float:left;
    background:#f00;
    }
    #right{
    float:right;
    width:100px;
    background:#0f0;
    }
    </style>
</head>
<body>

<div id="main">

<div id="left">
这个层很高</br>
这个层很高</br>
这个层很高</br>
这个层很高</br>
这个层很高</br>
这个层很高</br>
这个层很高</br>
这个层很高</br>
这个层很高</br>
这个层很高</br>
这个层很高</br>
这个层很高</br>
这个层很高</br>
这个层很高</br>
这个层很高</br>这个层很高</br>
这个层很高</br>
这个层很高</br>
这个层很高</br>
这个层很高</br>
这个层很高</br>
这个层很高</br>
这个层很高</br>
这个层很高</br>
这个层很高</br>
这个层很高</br>
这个层很高</br>
这个层很高</br>
这个层很高</br>

</div>

<div id="right">
这个层很矮</br>
这个层很矮</br>
这个层很矮</br>
这个层很矮</br>
</div>

我想让右边的right和左边的left一样高怎么做呀
</div>

</body>
</html>

想让两个层一样高，让矮的层和高的层一样高

作者: tydgb 发布时间: 2010-09-24

#main{overflow:hidden;}
#left,#right{ padding-bottom:33333px; margin-bottom:-33333px;}

作者: qq258145840 发布时间: 2010-09-24

你们真的能想，居然这种方法都想得出，牛

作者: tydgb 发布时间: 2010-09-24