补白
在内联元素中，分为替换元素和非替换元素（不了解的同学可以百度一下），非替换元素是不可以设置尺寸的，而替换元素作为特殊的内联元素，由于其自身拥有尺寸属性，所以其的尺寸是可以进行再次设置的。
此文适合有一定CSS使用基础的同学
如果
如果我想实现一个如下图的布局，这是我在做自己博客时遇到的问题：
其左侧三个字为大小1000*1000像素的图片，其拥有属性 display:block;height:30%; ，更所当然，这三个字撑开了它的父元素的宽度，且其宽度为图片目前的宽度。这样则可以实现左侧侧边栏的宽度是自适应的。
---这是布局想法。
问题
这样的布局可以完美实现，但是在实际使用过程中，我发现了一个特殊的问题，当 对窗口进行缩放 时，出现了很特殊的问题，现在来贴上代码和它的两个缩放动画来演示一下:
div{ height: 100%; float: left; background: yellow;}img{ display: block; height: 50%;}
查看更多关于img与特殊布局下对浏览器渲染的剖析_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did109255