有区别的，第一种方法的宽度是固定了的，外边框如果比设置的宽度小，内容将会被遮盖，而第二种很不错，它也可以说是被固定了，只是被固定的位置不一样，它固定的地方是图片与正文的距离永远不会被改变（margin-lefy=76px）缩小窗口只会将文本宽度变窄长度更长

是为满足自适应效果

6.2, 6.3, 6.4里面有源码,可以用来练习.

自问自答呢我也是碰到这个问题了的，下面是我的解决办法，

对最终效果没有影响

*{margin:0;padding:0;

box-sizing: border-box;}

加上这个试试

可能是楼上说的ie11，按F12调出开发者工具，在仿真那里找

现在看起来呢？

这是一个if else 简写 

if(this.currentStyle){
     this.currentStyle.display
}else{
     window.getComputedStyle(this, null).display;
}

主要是为了兼容IE

this.style.display不能获取外部CSS样式

目前我用到的方法是ppt 插入html内嵌的js

IE11 按F12调出调试工具。点击仿真。

是ie11啦

ie11按下f12后就有这个的

没啥不一样啊

我也同感

IE11自带的

头像设置浮动，右侧设置display:table-cell是让右侧具有伸缩性，如果不设置display:table-cell，其实右侧的宽度比较大，会把头像也包裹进去。而设置display:inline-block只是为了兼容IE7。

我觉得有些东西不明白没关系，只要记住这么做会有这样的效果就行。

不明白什么意思吗