css怎么让盒子固定

html-css024

css怎么让盒子固定,第1张

通过定位属性来实现盒子的固定。position: fixed上述属性和值可以实现盒子的固定，参照物是window，不管页面怎么移动，盒子位置都不会改变。通过top，left等属性来移动盒子的位置，top这些方位的属性值可以是具体的像素也可以是百分比。

那是当然的给你发个图吧！这是经典的盒子模型！这里可以看到你在CSS里面设计一个DIV样式

譬如：.div{height:100pxwidth:50pxpadding:10pxmargin:20px}

上面的这个样式的意思是  宽50像素  高100像素 样式内间距是10像素    样式外间距是20像素

所以你应用到DIV中时 这个DIV的实际 宽高就变成

宽110像素（本来的50像素+“20像素的内间距，因为左右都有10像素 ，所以是20像素”+40像素的外间距  同理于内间距）

高160像素   同理于宽  上下都是10的内间距和 上下都是20的外间距