-
元素设置了absolute之后，会使其父元素的高度(height)塌陷，这种塌陷的原因是:设置absolute属性的元素，其脱离了文档流，即脱离了父元素，所以父元素没有了该元素，所以高度会塌陷，如果去掉父元素的padding：10px，效果更明显，一点高度就都没有了。查看全部
-
讲的太磨叽了查看全部
-
浮动 包裹性 和破坏性查看全部
-
消除换行空格 保证回车过后完美结合在一起查看全部
-
absolute作用在内部元素时,会把元素拉出文档流,相当于父元素中没有该元素,因此会坍缩. absolute作用于父元素时,会使自身变成行内元素(即不会独占一行),如果未将宽高写死,则由内部元素撑起其宽高. css中:当float与absolute共存时,float将失效查看全部
-
引自：https://developer.mozilla.org/en-US/docs/Web/CSS/position “absolute Do not leave space for the element. Instead, position it at a specified position relative to its closest positioned ancestor or to the containing block. Absolutely positioned boxes can have margins, they do not collapse with any other margins.” 现在感觉对这段话理解了很多。之前看完就和没看一样。。。查看全部
-
但是如果父级设定position:relative; overflow:hidden，那么关闭按钮就算设置position:absolute也无济于事，超过div的部分不会显示出来。查看全部
-
32个赞，生动活泼好玩幽默查看全部
-
float与absolute是同父异母的兄弟关系，不能同时存在。因为absolute具有去浮动的特性，如果先使用了float,然后再使用absolute，结果就是使float失效，和单独使用absolute的效果一样。查看全部
-
1.无依赖：无relative， 无top right bottom left 2.位置跟随： absolute 的元素如果是 block ，设置成absolute后，位置不变，依然换行显示 absolute 的元素是inline/ inline-block 位置不变，依然inline显示 chrome浏览器的特殊性：chrome浏览器对于absolute的元素，页面渲染完成后，再次修改display 属性，浏览器是不会再进行渲染的,所以这种情况下，先默认给图片设置display：block; IE7 的特殊性：ie7 会把所有绝对定位的元素 的display inline-block 化，解决办法就是在绝对ingwei加一个无意义的div查看全部
-
同上，absolute是完全脱离文档的输出流，他并不会影响正常布局流的样式，absolute定位也是由父亲元素的position决定的查看全部
-
啊那我了了聚聚会查看全部
-
在编辑器中，两个紧靠的行内元素之间，使用空格或者回车，都会对实际效果产生影响。查看全部
-
只设置absolute之后（不依赖绝对定位，也不用设置left,top等），有个非常大的特性“跟随性”，当它是普通元素时，呆在什么位置，绝对定位后，还呆在什么位置。查看全部
-
【CSS】【处理对齐、溢出技巧】 1.处理文字前的星号 将星号绝对定位后其不占据任何空间，方便后面的文字左对齐 <label class="regist-label"><span class="regist-star">*</span>登录密码</label> .regist-star { position: absolute; margin-left: -1em; font-family: simsun; color: #f30; } 2.图片与文字垂直对齐 对图标设置绝对定位，并设置margin为负值 <span class="regist-remark regist-warn"> <i class="icon-warn"></i>邮箱格式不准确（演示） </span> .regist-warn { padding-left: 20px; color: #be3948; } .regist-warn > .icon-warn { position: absolute; margin-left: -20px; } 3.处理文字溢出 利用absolute绝对定位使span不占据任何空间，从而使其不换行（注<span>必须紧跟前一个标签，不能有空格） <span class="regist-remark">请输入6-16位密码，区分大小写，不能使用空格</span> .regist-remark { position: absolute; line-height: 21px; padding-top: 9px; color: #666; }查看全部
举报
0/150
提交
取消