通过 css 将 div 固定在底部 - css

html-css05

通过 css 将 div 固定在底部 - css,第1张

对将要固定至底部的 div 设置如下 class 样式即可：

设置基础宽高后并添加绝对位置定位 position 为 fixed 和 bottom 为 0；

以上便是此次分享的全部内容，希望能对大家有所帮助！

给div加个position:fixedtop:0px

left:0px可让该div固定在网页的顶部左侧，且不会随网页而滚动。如若想固定在其他位置，只需要改动top,left,right,bottom属性值即可。

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

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

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

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

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

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