首页上方搜索栏css该怎么定位

html-css010

首页上方搜索栏css该怎么定位,第1张

是不是要这种浮动效果?定位很简单的,主要是:position 这个。一种是绝对定位,相对于浏览器窗口进行定位,如下:

<div class="heaader"><img src="https://www.poscom.cn/static/image/default/logo-2.png" alt="www.poscom.cn"/></div>

<style>

.header {

    background-color: #3454d1

    height: 60px

    position: relative

    z-index: 199

    position: fixed

    width: 100%

    top: 0

}

</style>

一种是相对定位,相对于相对定位的元素

<div class="relative">

   <div class="absolute"><img src="https://www.poscom.cn/static/image/default/logo-2.png" alt="www.poscom.cn"/></div></div>

<style>

.relative{

    background-color: #3454d1

    height: 100px

    position: relative

    width: 100%

}

.absolute{

    position:absolute

    left:10pxtop:10px}

</style>

你使用IE或者火狐或者谷歌,按F12可以调出那个检查面板;

火狐要装firbug,IE我用的少,谷歌是可以直接用的,你试试。

另外要帮忙看的话麻烦把页面和css都给我看看,你这贴出css想让人怎么帮你找呢?