css中绝对定位的坐标计算
时间:2011-04-25
来源:互联网
求大神解释:
我要用CSS布局,请问绝对定位的坐标改怎么计算。可以举个例子说明下吗??
我要用CSS布局,请问绝对定位的坐标改怎么计算。可以举个例子说明下吗??
作者: aainmv123 发布时间: 2011-04-25
相对父容器来计算
作者: hongmei85 发布时间: 2011-04-25
我知道了,谢谢
作者: aainmv123 发布时间: 2011-04-25
作者: hongmei85 发布时间: 2011-04-25
eg:
<div id="content1" style="border:1px #930 solid; height:30px;">
hello word!
</div>
<div id="content2" style="border:1px #00F solid; height:20px;
position:absolute;left:50px; top:150px;"> hello word!
</div>
设置绝对定位主要是要考虑到top值和left的值,因为absolute是需要有参照的box来设置的,这样已设的话content2相对于content1的位置就很明显的有定位,对于样式我主要是为了区分两个div的!
<div id="content1" style="border:1px #930 solid; height:30px;">
hello word!
</div>
<div id="content2" style="border:1px #00F solid; height:20px;
position:absolute;left:50px; top:150px;"> hello word!
</div>
设置绝对定位主要是要考虑到top值和left的值,因为absolute是需要有参照的box来设置的,这样已设的话content2相对于content1的位置就很明显的有定位,对于样式我主要是为了区分两个div的!
作者: Name_G2T14_8 发布时间: 2011-04-25
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28