这个应该是你设置为100%宽度，而你上面的图片又设置了固定宽度，所以，100%就是屏幕的宽度，而你上面又有超过屏幕的宽度，所以造成这样。。
给它加上min-width:宽度和上面图片的一样，，就行了。。最小只能小到多少宽度，，这样就不会有截断了。
现有样式
不能满足人们的需求.
人们需要:
CSS 2 并没有提供原生支持，所以需要将一些属性组合起来，以实现布局
国外一般不这么叫. <div> 是一个无语义的标签，适合用来做与内容无关的事情.
只能用 <div> 吗？
优化:
省标签，便于控制局部 范例
给通栏加背景色 范例
IE 6 不支持 inline-block :
范例
一列固定宽度，另外一列自适应宽度
浮动元素 + 普通元素margin 范例
如果侧边栏在右边:
注意: 考虑到浏览器的渲染顺序,
aside和main顺序不可更改.
两侧两列固定宽度，中间列自适应宽度
范例
