欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用position:fixed屬性讓DIV居中

  發(fā)布時間：2013-05-15 17:49:34   作者：佚名   我要評論
下面與大家分享下使用position:fixed屬性讓DIV居中的關(guān)鍵代碼是position:fixed;left:0px;right:0px;width:706px;margin-left:auto;margin-right:auto，感興趣的朋友可以參考下哈
先看一下效果：
http://www.keleyi.com/keleyi/phtml/fixedcenter.htm
關(guān)鍵代碼是：#topmenu_keleyi_com{position:fixed;left:0px;right:0px;width:706px;margin-left:auto;margin-right:auto;}
附完整代碼：

復(fù)制代碼
代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>使position:fixed的DIV居中-柯樂義</title>
<style type="text/css">
#topmenu_keleyi_com{position:fixed;left:0px;right:0px;width:706px;margin-left:auto;margin-right:auto;top:100px;height:50px;background-color:Red;}
#topmenu_keleyi_com li{float:left;
list-style:none;
margin-right:1px;
width:116px;
background-color:#e0f0e0;
}
#topmenu_keleyi_com ul{ margin:0px;padding:0px;}
body{margin:0px;}
</style>
</head>
<body>
<div id="topmenu_keleyi_com">
<ul><li><a target="_blank">.NET</a></li>
<li><a target="_blank">Javascript</a></li>
<li><a target="_blank">jQuery</a></li>
<li><a target="_blank">C#</a></li>
<li><a target="_blank">其他</a></li>
<li><a target="_blank">首頁</a></li></ul>
position:fixed的DIV的居中效果,改變頁面的寬度看看。
</div>
</body>
</html>

相關(guān)文章

  • css中position:relative和overflow:hidden之間的問題

    在父標(biāo)簽中使用了overflow:hidden;時，如果子標(biāo)簽中有元素的position設(shè)置成relative的時候，在IE6和IE7中父元素的overflow對其將不起作用，其實將父標(biāo)簽的position也設(shè)置成
    2013-09-04

  • CSS之Position全面認(rèn)識

    CSS中主要難以理解的屬性包括盒型結(jié)構(gòu)，以及定位。正如positioniseverything，本文將主要講述關(guān)于position的理解，新手朋友們可以學(xué)習(xí)下
    2013-09-03

  • css中position屬性(absolute|relative|static|fixed)概述及應(yīng)用

    position屬性的相關(guān)定義：static：無特殊定位，對象遵循正常文檔流;relative：對象遵循正常文檔流;absolute：對象脫離正常文檔流fixed：對象脫離正常文檔流，有興趣的朋友
    2013-04-08

  • CSS position屬性的正確解釋和實例應(yīng)用

    目前幾乎所有主流的瀏覽器都支持position屬性（"inherit"除外，"inherit"不支持所有包括IE8和之前版本IE瀏覽器，IE9、IE10還沒測試過），以下是w3school對position五個值的
    2013-01-02

  • CSS position屬性absolute relative等五個值的解釋

    目前幾乎所有主流的瀏覽器都支持position屬性（"inherit"除外，"inherit"不支持所有包括IE8和之前版本IE瀏覽器，IE9、IE10還沒測試過），以下是w3school對position五個值的
    2012-12-15

  • CSS樣式position屬性的一個小實例:z方向三層布局分析

    使用CSS樣式中的position屬性實現(xiàn)z方向三層布局效果，本文甚是疑惑，于是乎搜集整理一番，曬出代碼和大家分享一下
    2012-12-07

  • CSS中背景background-position負(fù)值定位深入理解[圖文]

    CSS中背景定位background-position負(fù)值一直是不好理解的難點，一方面用的比較少，另一方面的理解的不夠深入，今天花了點時間認(rèn)真的思考了，把我的心得寫出來
    2011-03-21

  • CSS Position 使用詳細(xì)小結(jié)

    css position 基礎(chǔ)教程，非常經(jīng)典，推薦大家收藏。
    2010-03-06

  • css position 定位

    定位(position)布局頁面說容易非常容易，只需要記住這節(jié)課最后一句話就可以了，說困難，那是相當(dāng)?shù)碾y理解，需要一定的耐心，不過還好，KwooJan給大家總結(jié)的已經(jīng)很通俗易懂
    2010-01-09

  • CSS教程:position屬性

    網(wǎng)頁制作Webjx文章簡介：position屬性可以讓你讓你隨意控制一個特定元素在瀏覽器何處以及如何顯示。比方說我們用position:fixed 讓一個圖片顯示在瀏覽器的左上角.即使出現(xiàn)
    2009-04-02

最新評論