css怎么让定位的那个层显示在浏览器的正中间

html-css012

css怎么让定位的那个层显示在浏览器的正中间,第1张

可以用css定位让指定层在浏览器正中间。

1、新建html文档,在body标签中添加一个div标签,为这个标签设置宽高,这里以200px为例:

2、添加定位代码“position: absolute”,并且设置相对左侧和顶部的距离为“50%”:

3、最后设置指定层的左外边距和顶外边距的大小为指定层宽高的一半,这时指定层就会在浏览器的正中间:

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

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