div css 左右高度相等问题

water84222 2008-09-16 06:27:03
这个问题,我查找过,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;了。请问,什么办法可以解决?
...全文
328 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
zhihuixiaole 2008-09-17
  • 打赏
  • 举报
回复
帮顶
water84222 2008-09-17
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 myvicy 的回复:]
搜索一下,css 高度自适应
[/Quote]
无语了
dwelling 2008-09-16
  • 打赏
  • 举报
回复
受教了~~
myvicy 2008-09-16
  • 打赏
  • 举报
回复
搜索一下,css 高度自适应

61,111

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧