让div在容器底部浮动的css怎么写啊？

html-css024

让div在容器底部浮动的css怎么写啊？,第1张

.dibupiaofu {

z-index:99999position:fixedbottom:0left:0width:100%_position:absolute_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight)overflow:visible}

.piaofutiao{Z-INDEX: 99999LEFT: 0pxOVERFLOW: hiddenBOTTOM: 0px_POSITION: fixed! importantHEIGHT: 45px background-image:url(../images/浮动/fudong.jpg)background-repeat:no-repeatTEXT-ALIGN: leftwidth:1310pxmargin:0 autoline-height:45px}

<div class="dibupiaofu">

<div id="piaofutiao" class="piaofutiao">

内容

</div>

</div>

你试一下这个！

浮动只有left和right，div中的元素无法浮动到底层。

浮动是css布局非常强大的布局功能，也是理解CSS布局的关键问题所在，在CSSW中，包括div在内的任何元素都可以浮动的方式显示。

浮动是一种非常有用的布局方式。它能够改变页面中对象的前后流动顺序。这样做的好处是，使得内容的排版变的简单，具有良好的伸缩性。举个例子，左右分栏的布局，左栏宽度为300px。如果使用一种相对的布局方式，可以使右栏显示在距左边300px的位置，这样可以使右栏贴着左栏进行显示。

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

能用到的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}