我想问一下什么时候才会用到相对定位和绝对定位??
一般设置样式不需要用到绝度定位和相对定位,当你想在网页 或一个div的上方漂浮着一个div ,让这个div挡住下面的div ,就想当与,绝对定位或相对定位的div 踩在 了整个网页的上面。而且你还可以设置这个div的移动位置,让这个div 任意处在这个网页中的任何位置。一般新手,网页布局的不对,导致div不按照自己的想法布局,就设置相对定位或绝对定位,导致其他的元素 也乱掉,最后全都要设置绝对定位了。
就像这样的:
<body >
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss<br/>
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss<br/>
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss<br/>
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss<br/>
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss<br/>
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss<br/>
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss<br/>
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss<br/>
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss<br/>
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss<br/>
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss<br/>
<div style=" position:absolute; top:50px; left:50px;box-shadow:5px 5px 3px #999; border:1px solid #000000; width:100px; height:100px; background-color:#996600;">
</div>
</ul>
</body>
</html>
你能有margin定位的话,就要用margn定位,这样整个页面才能工整,用margin定位的div 保证整个页面的元素都是处在同一层的,不至于会乱掉。用margin设置盒子的周围距离,margin也是会占用空间的,这需要你设计网页之前,先考虑好如何布局了 比如“上中下”,“左中右”,改怎样布局,为每一块布局好,先培养好自己这种思考的方式,才能在静态页面设计上入门。
2023-08-27 广告
相对定位是相对于他原本的位置进行定位的