www.ypnh.net > CSS怎么把一个层固定在一个屏幕的绝对位置?

CSS怎么把一个层固定在一个屏幕的绝对位置?

可以采用css中的position来实现决定定位。 1、代码实例如下: p.one{position:fixed;left:5px;top:5px;}p.two{position:fixed;top:30px;right:5px;}一些文本。更多的文本。此实例是相对于浏览器边框进行的定位。 2、补充相关知识 bsolute 生成绝...

你说的是像百度知道下面的工具栏这样的层吧!简单 例子: 始终在屏幕的最下方 #aa{ width:800px;//定义宽度 height:40px;//定义高度 background-color:#DDD;//定义背景色 left:50%; margin-left:-400px;//这句和上面一句配合使用令层在水平中间 ...

导航定位

这个div必须body的子元素,然后用width:30%;position:absolute;就可以了

建议使用css实现,效果更佳,使用position: fixed,固定定位,具体位置的调整是用top、left、right、bottom也可以使用margin调整 css实现代码 一般的网站的浮动广告以及浮动菜单等可以使用fixed来实现,js的话需要计算位置以及滚动条滚动时触发...

使用position:absolute;来定位: demobody{margin:0px;padding:0px;overflow:hidden;padding-top:22px;padding-bottom:22px;}div{margin:0px;padding:0px;}#header{background-color:blue;color:white;position:absolute;top:0px;left:0px;heigh...

如果你使用绝对定位的话, position: fixed; top: 100px; left: 10px; width: 100px; height: 220px; 这样你就可以使一个div或者图片固定在距离浏览左侧10px的地方,不随网页大小等改变位置。

position:fixed是相对于body整个浏览器窗口的情况下吧,把要固定的div放在body标签下试试!

#box{ postion:absolute; left:50%; right:50%; margin-left:-50px; /* 这个是你box宽的一半 */ margin-right:-70px; /* 这个是你box高的一半 */ } 内容

html, body { height: 100%; margin: 0; padding: 0; } .wrap { width: 100%; height: 100%; } .fixed { float: left; width: 200px; height: 100%; background: #000; margin-left: -100%; } .main { float: left; width: 100%; height: 100%;...

网站地图

All rights reserved Powered by www.ypnh.net

copyright ©right 2010-2021。
www.ypnh.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com