绝对定位:子元素进行了绝对定位会不会跳出父级元素。
来源:互联网 发布:启示录 知乎 编辑:程序博客网 时间:2024/06/05 14:55
绝对定位(position:absolute)
根据前天所学,给某个元素进行绝对定位后,如果没有相近的拥有定位属性的父级元素,那么它就定位就是跟据整个document来定位,而且脱离了文档流。
假设:一个div里包含了一个span标签,只对span标签进行绝对定位,让它跑到div块的外面去,看看是否能成功。
<span style="font-size:18px;"> 代码: <div><span></span></div></span>
给它加个样式:
body{ margin:0;}div{ width:200px; height:200px; background:black; margin:50px auto;}span{ width:50px; height:50px; background:red; position:absolute; left:10px; top:10px; }
经在编辑器里测试,结果是:span标签跳脱了div,根据html进行了定位。答案是会。
注意点一:如果对span只加了绝对定位属性,而没有写具体的像素和方向,那么span标签仍然在父级左上角。
并且会显示出来。如果没加定位属性,div内的span是看不到了,因为是行内元素无法定义宽高,审查元素显示0*0。
0 0
- 绝对定位:子元素进行了绝对定位会不会跳出父级元素。
- css布局:父元素相对定位,子元素绝对定位
- 父元素绝对定位 子元素在IE6 不能点击
- 元素绝对定位 V2
- 绝对定位元素居中
- 相对于父元素的绝对定位
- 元素绝对定位(修改版本)
- 元素的相对定位与绝对定位
- css中的子元素设置绝对定位问题
- 关于元素绝对定位的父元素问题
- HTML下使元素在父元素内绝对定位
- CSS:绝对定位元素实现水平居中
- IE6中绝对定位元素消失问题
- 绝对定位元素的居中实现
- clip 属性剪裁绝对定位元素
- 绝对定位的元素怎么居中显示
- 让绝对定位的元素居中
- jsp页面鼠标滚动绝对定位元素
- 2016年我国网络安全态势
- Maven国内镜像
- JS字符串方法总结及字符串增删查改方法
- java.sql.SQLException: No suitable driver found for jdbc:microsoft:sqlserver://127.0.0.1:1433
- undefined reference to 'floor'/undefined reference to
- 绝对定位:子元素进行了绝对定位会不会跳出父级元素。
- 位运算应用及其注意事项
- Maven远程Tomcat热部署
- 【CodeChef】 Queries on the String
- JavaScript入门<1>基础语法
- Java NIO通俗编程之缓冲区Buffer(三)
- linux总线设备驱动模型之Kobject&Kset
- jquery中的动画
- linux初学常用2