当前位置：首页 → 问答吧 → 父DIV不会撑开？

父DIV不会撑开？

时间：2011-08-29

来源：互联网

父div不定义宽度，子div定义宽度，当浏览器窗口大于子div宽度时，正常，但当浏览器窗口宽度小于子DIV宽度时，父div宽度和窗口宽度一样，而不被子DIV撑开？？如何才能在窗口小于子DIV宽度时，父div宽度和子div宽度一样？

在父div里设置min-height可以，但是不明白为什么父div不会被子div撑开。

<!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>Test</title> <style type="text/css"> .parent{border:1px #0000FF solid;height:400px;background:#FF0000} .child{width:900px;height:300px;margin:0 auto;background:#00FF00;border:1px #000 solid;} </style> </head> <body> <div class="parent"> <div class="child"></div> </div> </body> </html>
提示：您可以先修改部分代码再运行

[ 本帖最后由 Zerone 于 2011-8-29 22:07 编辑 ]

作者: Zerone 发布时间: 2011-08-29

你没给parent设定一个宽度，那么作为一个块元素它的默认width就是100%，所以随着窗口的变化而变化

作者: sivan 发布时间: 2011-08-29

的确没有给parent定义宽度，但是当浏览器窗口缩小到比child还小时，parent的宽度为啥不被child撑着呢，也就是应该和child的宽度相等？

作者: Zerone 发布时间: 2011-08-29

这样就好了！！！

作者: yu357183 发布时间: 2011-08-29