DIV浮动层绝对居中定位用CSS怎么写
2016-08-14 10:14
501 查看
DIV浮动层绝对居中定位用CSS怎么写?
来源:兼职网站大全 作者: 懒人建站 日期:2014-10-13 人气:27132DIV浮动层绝对居中定位用CSS怎么写?详细解说,直接看样式,下面的写法兼容IE系列浏览器和火狐浏览器。
DIV浮动层绝对居中定位用CSS怎么写?下面的写法兼容IE系列浏览器和火狐浏览器。详细解说,直接看样式:
#dingwei{padding:10px;background-color:#003300;color:#FFFFFF;
width:600px;height:300px;
display:block;
position: absolute;
top:50%;
left:50%;
margin-left:-300px;
margin-top:-150px;}padding:10px;background-color:#003300;color:#FFFFFF; 这几句都是装饰性的东西不是核心; width:600px;height:300px; DIV总的有个宽高吧,根据你的具体情况设置;display:block; 把DIV以块级元素显示; position: absolute;top:50%;left:50%;margin-left:-300px; margin-top:-150px; 这一段时重点,我想聪明的朋友都看明白了。
就是绝对定位DIV层,当然你应该让他相对于body标签。margin-left:-300px; 这个值是DIV宽度的一半, margin-top:-150px; 是DIV高度的一半。
相关文章推荐
- Div+CSS教程----DivCSS布局绝对定位和浮动
- CSS之通过定位简单实现div绝对居中
- 图解DIV-CSS布局中绝对定位和浮动用法(两种分三栏布局的方法)
- CSS水平居中,浮动水平居中,绝对定位水平居中
- Div+CSS教程----DivCSS布局绝对定位和浮动
- css div 绝对定位到底部不居中问题
- css Absolute绝对定位居中和div沉底
- CSS实现不定高度DIV绝对居中
- DIV绝对居中(CSS)
- div+css绝对定位和相对定位
- css 相对定位 绝对定位 浮动 分析
- html 相对定位 绝对 定位 css + div
- 绝对定位浮动居中
- div+css怎么居中。
- 让div绝对居中显示的css&js
- 绝对定位的div的居中方法,下面的写法兼容IE系列浏览器和火狐浏览器。
- css/div做的连续的几个div水平浮动(float)时,当左右浮动的时候怎么当浏览器的窗口缩小的时候浮动的就往下跑了
- css 相对定位 绝对定位 浮动 分析
- [CSS] - CSS实现不定高度DIV绝对居中
- 绝对定位的DIV绝对居中显示