-
相同的特性 包裹性 破壞性查看全部
-
但是這種效果只在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
提交
取消