html-在div标签中使内容最正确

前端之家收集整理的这篇文章主要介绍了html-在div标签中使内容最正确 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一些HTML代码

<div id="title">This is title<span id="close">X<span><div> 

该div的宽度是动态的,可能是300 600或800 px.我想在同一行的最右边的div处加上“ X”.因此,编写如下的CSS:

#close
{
   margin-right:10px;
}

但这行不通.如果要实现它,应该配置什么?

最好的祝福,

最佳答案
使用绝对定位.

#title {position: relative; width: 300px}
#close {position: absolute; top: 5px; right: 5px} /* adjust based on required margin */

但是请记住,绝对定位的内容在盒子模型之外,并且可能与标题div中的内容重叠.您需要设置适当的填充/边距来避免这种情况.

猜你在找的HTML相关文章