HTML设置某个标签在某个标签的相对位置

HTML设置某个标签在某个标签的相对位置,第1张

input

position:relative

span

position:absolute//span相对于input的绝对定位

left:(input长度)

top:0

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>

html里一些定位的标签比如:align,margin,padding,position,(相对定位relative 和绝对定位) 还有背景(background-image:url(/i/eg_bg_03.gif) no-repeat center left )的直接定位也可以用,以上那些标签都可以有这些top bottom left right 属性来描述。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存