两个CSS的坑

突然又觉得说是坑有点太过了，定位为trick应该比较合适

hasLayout

这个文章已经写的相当的清楚明了了，我就只简单吐槽一下：这么奇葩的事情也只有M$干的出来了(想了一下，写的是M$而不是M$的程序员，因为换我的话，可能也会干出类似的事情吧……)

解决奇葩的问题，用奇葩的hack最好了(以毒攻毒)：

zoom : 1

没事黑黑M$，开心一整天

width: 100% - 100px

假设前提是不能使用calc

<div style="width: 400px; height: 400px">
	<div style="height: 40px"></div>
	<div id="target">
	</div>
</div>

现在想要让#target填满父容器剩下的所有空间，而又不能使用calc(100% - 40px)，怎么办？

• 直接写height: 360px？ 那如果父容器大小不确定怎么办？
• 用JS计算？ 你赢了

实际上，我能想到的最优的解决方案是：

<div style="width: 400px; height: 400px; position: relative;">
	<div style="height: 40px"></div>
	<div id="target" style="position: absolute; top: 40px; bottom: 0px;width: 100%;">
	</div>
</div>

最满意的地方在于——这根本就不是个hack嘛