大家都知道块状元素(block)的特点，在默认的情况下宽度是100%,并且后面还带有隐藏的换行符，所以块状元素(block)始终独占一行，很霸道哈~如图：
此时我们没有设置块状元素的宽度(尽管此时默认宽度是100%)。
如果给sideBar和content都加上浮动属性，效果如图
一 看，好家伙，这不变为内联元素(inline)了，和加上display:inline;效果一样了嘛，验证一下，因为定义内联元素的宽度(width) 和高度(height)是无效的，不起作用的，那么我们就设置sideBar和content的高度为50像素，效果如下
高度居然起作用，就是说块状元素sideBar和content，在不对其设置宽度且存在浮动属性的情况下，表现出内联元素的特征，但可以设置高度。
记住这个特点，也许后面布局的时候有用，这个特征在IE6、IE7、IE8、FireFox、Chrome内测试，效果一样，全部兼容，大家可以放心使用。
有兴趣的同学可以再帮忙测试一下其他的浏览器，看看现实效果是否一样。
如果给sideBar和content都加上浮动属性，效果如图
一 看，好家伙，这不变为内联元素(inline)了，和加上display:inline;效果一样了嘛，验证一下，因为定义内联元素的宽度(width) 和高度(height)是无效的，不起作用的，那么我们就设置sideBar和content的高度为50像素，效果如下
高度居然起作用，就是说块状元素sideBar和content，在不对其设置宽度且存在浮动属性的情况下，表现出内联元素的特征，但可以设置高度。
记住这个特点，也许后面布局的时候有用，这个特征在IE6、IE7、IE8、FireFox、Chrome内测试，效果一样，全部兼容，大家可以放心使用。
有兴趣的同学可以再帮忙测试一下其他的浏览器，看看现实效果是否一样。
