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

html-css05

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

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

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

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

有两种方式；一种是绝对定位方式，一种是通过固定定位方式(固定定位是浮动在浏览器的固定位置的，就是不能随浏览器的滚动而变化，始终在浏览器的底部)；

能用到的css样式：position:absoluteposition:fiexd

<div class="navdown" style="width:1000pxheight:50px">

<li>导航</li><li>导航</li><li>导航</li><li>导航</li><li>导航</li><li>导航</li>

</div>

css:

.navdown{position:absolute:bottom:0}

.navdown{position:fiexdbottom:0}