博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用CSS样式表方法绝对居中定位DIV浮动层
阅读量:6478 次
发布时间:2019-06-23

本文共 595 字,大约阅读时间需要 1 分钟。

有什么简单的方法绝对居中定位DIV浮动层?答案用CSS怎么写样式表就可以了。下面的写法兼容IE系列浏览器和火狐浏览器。

详细解说,直接看样式:

#dingwei{padding:10px;color:#FFFFFF;
width:600px;height:300px;
display:block;
position: absolute;
top:50%;
left:50%;
margin-left:-300px;
margin-top:-150px;}

padding:10px;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高度的一半。

转载于:https://www.cnblogs.com/yuguotianqing/p/3998700.html

你可能感兴趣的文章
MongoDB--CSharp Driver Quickstart .
查看>>
#pragma mark 添加分割线 及 其它类似标记 - 转
查看>>
二分法求平方根(Python实现)
查看>>
使用startActivityForResult方法(转)
查看>>
so在genymotation中错误问题
查看>>
Visual Studio 原生开发的10个调试技巧(二)
查看>>
Windows内核再次出现0Day漏洞 影响win2000到win10所有版本 反病毒软件恐成瞎子
查看>>
H3C品牌刀片系统强势首发
查看>>
【CSS系列】图像映射
查看>>
First blood
查看>>
kernel笔记——网络收发包流程
查看>>
java 冒泡排序和快速排序 实现
查看>>
C# 中获取CPU序列号/网卡mac地址等
查看>>
分析Linux 文件系统访问控制列表
查看>>
spring中的设计模式(二)
查看>>
VMware内存不足解决方案
查看>>
Nginx基础
查看>>
python列表解析和生成表达式浅要说明
查看>>
Java注解Annotation详解
查看>>
揭开AS程序的外纱(八) -- 容易被忽视的数组实用功能
查看>>