-
相同的特性 包裹性 破坏性查看全部
-
但是这种效果只在ie8+支持查看全部
-
所有拉伸都为0 时，在设置宽度/高度的前提下 ，设置margin:auto;元素有居中的效果查看全部
-
如果定位容器同时使用left，right ，则在水平方向拉伸(top，bottom同理)，查看全部
-
.list:after { content:attr(data-index); } <div class="list" data-index="1"></div>查看全部
-
1.用了absolute之后float就没有作用了； 2.用了absolute之后，用display，会保留位置跟随特性，要注意的是IE7中用了absolute之后，只会是inline-block水平显示，指定包上<div>就解决了； 3.配合margin，精确定位，适应各种浏览器查看全部
-
相同的特性 包裹性 破坏性查看全部
-
float-> clean absolute ->relative查看全部
-
包裹性，破坏性（塌陷）查看全部
-
绝对定位之后，不占据空间！查看全部
-
1.用了absolute之后float就没有作用了； 2.用了absolute之后，用display，会保留位置跟随特性，要注意的是IE7中用了absolute之后，只会是inline-block水平显示，指定包上<div>就解决了； 3.配合margin，精确定位，适应各种浏览器查看全部
-
K查看全部
-
position和margin共同使用，无需父标签relative查看全部
-
css中:当float与absolute共存时,float将失效.查看全部
-
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>absolute的破坏性</title> <style> .box { padding: 10px; background-color: #f0f0f0; } input { position: absolute; top: 234px; width: 160px; height: 32px; font-size: 100%; } </style> </head> <body> <div class="box"><img id="image" src="http://img1.sycdn.imooc.com//54447b06000171a002560191.jpg" width="256" height="191"></div> <input id="button" type="button" value="图片absolute化"> <script> var eleImg = document.getElementById("image"), eleBtn = document.getElementById("button"); if (eleImg != null && eleBtn != null) { eleBtn.onclick = function() { if (this.absolute) { eleImg.style.position = ""; this.value = "图片absolute化"; this.absolute = false; } else { eleImg.style.position = "absolute"; this.value = "图片去absolute"; this.absolute = true; } }; } </script> </body> </html>查看全部
举报
0/150
提交
取消