在html5里面,怎么设置部件的位置,就是position ,不太明白,求教

在html5里面,怎么设置部件的位置,就是position ,不太明白,求教,第1张

首先要设置父元素的position属性值为relative,然后设置想要定位的部件的position为absolute,再设置left、top、right、bottom的值,左右只能设置一个,上下只能设置一个。

如果没有设置父元素的position属性,默认相对于body设置定位。

1、应该用一个外层盒子来定位,这样盒子内的各个元素的相对位置不会受影响;

2、如果一定要在子元素上定位,那也应该错开位置,否则肯定挤在一起的,因为都定位到同一位置了;

3、a标签不应该包含li标签,而应该是li标签包含a标签;

4、font标签已经是被淘汰的(除非完全不用css),不建议使用。

比如:

<ul class="top_nav">

<li><a href="1.html">文字</a></li>

<li><a href="2.html">文字</a></li>

<li><a href="3.html">文字</a></li>

<li><a href="4.html">LD</a></li>

</ul>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7028204.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-31
下一篇 2023-03-31

发表评论

登录后才能评论

评论列表(0条)

保存