css height:auto;不起作用?外边容器高度不会自动撑高?

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/... <!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>无标题文档</title><style type="text/css">.container{height:auto; margin:0 auto; width:700px; background:#00f;}.left{height:auto; float:left; width:300px; background:#f00;}.right{height:auto; float:right; width:400px; background:#0f0;}</style></head>
<body><div class="container"> <div class="left">左边内容左边内容左边内容左边内容左边内容左边内容左边内容左边内容</div> <div class="right">右边内容右边内容右边内容右边内容右边内容右边内容右边内容右边内容右边内容右边内容右边内容右边内容右边内容右边内容右边内容右边内容右边内容右边内容右边内容右边内容右边内容右边内容右边内容右边内容右边内容右边内容右边内容</div></div></body></html>
.container div高度不会随right div高度增高而增高?请高手指教,谢谢!
展开
 我来答
tomiml
2011-05-13 · TA获得超过301个赞
知道小有建树答主
回答量:595
采纳率:0%
帮助的人:372万
展开全部
.container height:auto .left height:auto; .right height:auto; container会没有高度的 auto是自动的意思~ 看你用的是什么浏览器 不同浏览器基于内核不同 显示也不同~ ie7会撑高 火狐不会~ tt没试验过

ie6 和火狐
再加上overflow:auto;再超出层显示滚动条 但是有height:auto; 就不会出现超出层的问题~
匿名用户
推荐于2018-02-11
展开全部
.container {
height:auto;
margin:0 auto;
width:700px;
background:#00f;
overflow:hidden;/*加上它,即可*/
}
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式