那是当然的给你发个图吧！这是经典的盒子模型！这里可以看到你在CSS里面设计一个DIV样式
譬如：.div{height:100pxwidth:50pxpadding:10pxmargin:20px}
上面的这个样式的意思是 宽50像素 高100像素 样式内间距是10像素 样式外间距是20像素
所以你应用到DIV中时 这个DIV的实际 宽高就变成
宽110像素（本来的50像素+“20像素的内间距，因为左右都有10像素 ，所以是20像素”+40像素的外间距 同理于内间距）
高160像素 同理于宽 上下都是10的内间距和 上下都是20的外间距
底部和头部分别定义两个div，在利用position:fixed分别设置它们的位置。position 属性规定元素的定位类型。
说明
这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。
fixed
生成绝对定位的元素，相对于浏览器窗口进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
![CSS 如何控制令到同一行的 aa 左对齐，bb右对齐 [不能换行，只能在同一行]](/aiimages/CSS+%E5%A6%82%E4%BD%95%E6%8E%A7%E5%88%B6%E4%BB%A4%E5%88%B0%E5%90%8C%E4%B8%80%E8%A1%8C%E7%9A%84+aa+%E5%B7%A6%E5%AF%B9%E9%BD%90%EF%BC%8Cbb%E5%8F%B3%E5%AF%B9%E9%BD%90+%5B%E4%B8%8D%E8%83%BD%E6%8D%A2%E8%A1%8C%EF%BC%8C%E5%8F%AA%E8%83%BD%E5%9C%A8%E5%90%8C%E4%B8%80%E8%A1%8C%5D.png)
