Question

html中div高度没随里面的内容自动撑开，这是为啥呢？

各位大神帮忙看看，可以把页面放大点就能看清代码，拜托拜托啦





Answer 1

<li>有没有定义行高，或者高度
还有 li a 也需要定义 display:block
不然，其实你的li 是没有高度的， 所以div也就没有高度
所以，ul的高度不需要定义，高度定义到 li 上，有特殊需要的话，可以定义到 li a

Answer 2

如果要让div根据内容自动拉伸高度，有时候会先写个最低高度，也可以不写，不过高度还是需要定义，这样高度才会随内容调整；

.product{height:400px;height:auto;min-height:500px;width:706px; margin:0 auto;}

这个是对product元素的定义，不过这个div元素还有个上级元素main，所以main的height元素也要是auto.