css div的大小可不可以固定

html-css031

css div的大小可不可以固定,第1张

那是当然的给你发个图吧!这是经典的盒子模型!这里可以看到你在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" 属性进行规定。