Memory of Cutey

从零开始制作WP主题，过程中发现了许多问题，有些解决了，有些没解决，在这里汇总下，以备继续学习。 1.火狐浏览器下的div嵌套问题（父div无法自适应高度） 为了方便控制主题的整体宽度以及颜色等，我定义了一个content父div用来包含contain和sidebar两个子div，还有一个wrapper父div用来包含header、content、footer等子div。结果发现header等子div的背景颜色只能随着body的颜色变化，而不能随着wrapper和content的颜色变化，这在理论上是不应该的。 首先我想到的是我的div封口有问题，但是经过仔细检查，没有发现任何错误，而且我使用的火狐浏览器的Firebug也显示定义的warpper只包含了header部分而没有包含其余几个div。正当心灰意冷时突然想到可以用IE查看一下，打开IE，惊喜的发现是自己想要的效果。但是为什么在火狐中就不行呢，一开始我认为是火狐浏览器不支持div嵌套的问题，随即上网查了下，发现其实是火狐浏览器中父div的高度不能根据子div自动变化的问题。 这个问题是有很多解决方案的，对于content作为父div包含contain和sidebar的情况比较简单，只需将三个div的float都设为left就可以了。这时父div的高度就会随着左右两个子div的高度变化而变化，甚至可以无限拉长，完美解决了需要左右两div高度不同但风格相同的问题。 但是对于wrapper作为父div包含header、container、sidebar、footer等子div的情况，就要稍微麻烦一些。因为wrapper一般都是相对屏幕居中的，不能将float设为left，那该怎么办呢？不用担心，这时只需在父div的封口</div>之前添加一个高度为1的空格就可以了。