在CSS中,位置:在窗口的中间和下方固定执行div。

在CSS中,位置:在窗口的中间和下方固定执行div。
实现以div为中心的方法有很多种。这个例子介绍位置的使用:固定在CSS中,以实现div的上下中心。接下来,以浏览器窗口中的div元素为例。

左右左右

代码如下

复制代码代码如下所示:
div {
位置:固定;
保证金:汽车;
左:0;
权利:0;
顶部:0;
底部:0;
宽度:200px;
身高:150px;
}

如果只需要右和左中心,那么底部:0或顶部:0;删除它。
如果你只需要上下,然后左:0;或右:0;

在浏览器窗口中心的div元素之后

其实这种效果的实现并不复杂,使用CSS在位置上的定位可以很容易做到。

代码如下

复制代码代码如下所示:

对话{。
位置:固定;
_position:绝对;
Z指数:1;
顶部:50%;
左:50%;
保证金:- 00 - 201px 141px;
宽度:400px;
身高:280px;
边境:1px solid # CCC;
行高:280px;
文本对齐:中心;
字体大小:14px;
背景颜色:# f4f4f4;
溢出:隐藏;
}

我在窗户中间,哈哈!

所有设置的技术都在这里:

代码如下

复制代码代码如下所示:
对话{。
位置:固定;
_position:IE6绝对破解; / * * /
Z指数:1;
顶部:50%;
左:50%;
保证金:- 00 - 201px 141px;
宽度:400px;
身高:280px;
边境:1px solid # CCC;
行高:280px;
文本对齐:中心;
字体大小:14px;
背景颜色:# f4f4f4;
溢出:隐藏;
}

设置位置:_position:绝对固定;
设置左:50%和顶部:50%;
设置边距:-(div offsetwidth / 2)00(offsetheight / 2 DIV)
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部