使⽤position:fixed属性让DIV居中
先看⼀下效果:
/keleyi/phtml/fixedcenter.htm
关键代码是:#topmenu_keleyi_com{position:fixed;left:0px;right:0px;width:706px;margin-left:auto;margin-right:auto;} 附完整代码:
复制代码
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3/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 href="/menu/net/" target="_blank"></a></li>
<li><a href="/menu/javascript/" target="_blank">Javascript</a></li>
<li><a href="/menu/jquery/" target="_blank">jQuery</a></li>
<li><a href="/menu/csharp/" target="_blank">C#</a></li>
<li><a href="/menu/other/" target="_blank">其他</a></li>松劲
<li><a href="/" target="_blank">⾸页</a></li></ul>
position:fixed的DIV的居中效果,改变页⾯的宽度看看。
</div>
</body>
</html>