div css 左右高度相等问题

2008-09-16 06:27:03 395 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Linux 之 supervisor安装和使用运行Supervisor的后台服务，它用来启动和管理那些你需要Supervisor管理的子进程，响应客户端发来的请求，重启意外退出的子进程，将子进程的stdout和stderr写入日志，响应事件等。它是Supervisor最核心的部分。阅读详情

这个问题，我查找过，3个解决办法。js不使用。其他两种方法，我都尝试过，不能解决我的问题，希望高手指点：
问题表述：
html
<div id="main">
<div id="left">
</div>
<div id="right">
</div>
</div>
css
#main{
width:99%;
height:auto;
background-color: #FFFFFF;
padding-left:3px;
padding-right:3px;
margin-bottom:10px;
padding-bottom:10px;
border:2px solid #BCBCBC;
overflow: hidden;
}
#main:after
{
content: '[DO NOT LEAVE IT IS NOT REAL]';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#main
{
display: inline-block;
}
/*\*/
#main
{
display: block;
}

#left, #right
{
padding-bottom: 32767px !important;
margin-bottom: -32767px !important;
}
@media all and (min-width: 0px) {
#left, #right
{
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}
#left:before, #right:before
{
content: '[DO NOT LEAVE IT IS NOT REAL]';
display: block;
background: inherit;
padding-top: 32767px !important;
margin-bottom: -32767px !important;
height: 0;
}
}
3个div都要有边框，同时left,right高度一致。现在是，div right 的border-bottom只是无法显示出来，原因是它的border-bottom被overflow: hidden;了。请问，什么办法可以解决？

...全文