css怎样使顶端悬浮导航栏不遮住下面一层页面内容

html-css012

css怎样使顶端悬浮导航栏不遮住下面一层页面内容,第1张

在两个层之间加这个<span class="blank" style="height:20px"></span>,其中高度可以自己设置成自己需要的高度

css这样:.blank{ clear:bothoverflow:hiddendisplay:blockoverflow:hidden}

div {

    position: fixed

    left:20px

    top:20%

    z-index:999

}

z-index  这个是设置div的层级的, 如果你网页里面其他任何内容的层级都低于999, 那么这个DIV将会在最顶层。 谁都无法覆盖它。    999  这个数值可以调整。

css避免绝对定位覆盖其他元素,首先,在做定位的时候,确实是会出现覆盖的问题,一般在确定left,top,bottom,right这些数值,一般都是精确的测量过,很少出现覆盖,有问题的,通过JS获取到这个块的left,top,bottom,right,动态的来控制,能避免出现这些问题,具体看代码:

<html>

<head>

<style>

#div1{

width:460px

height:200px

position:absolute

}

</style>

</head>

<script>

var oDiv = document.getElementById('div1')

var Let = Div.style.left //上下的值,

var Rig = Div.style.top

</script>

<body>

<div id='div1'>

<p>我是测试文字</p>

</div>

</body>

</html>