HTML – 如何改变其中的位置?

发布时间:2020-08-01 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了HTML – 如何改变其中的位置?脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在里面有一个标签:

#in .css file
div.box {
    width: 50px;
    height: 30px;
}

#in .html file
<div class="box">
    <p>Here</p>
</div>

它看起来像这样:

------------
|          |
|   Here   |
|          |
------------

但我想把< p>在< div>的底部,像这样:

------------
|          |
|          |
|   Here   |
------------

怎么样?

解决方法

加上这个

div.box {
    width: 50px;
    height: 30px;
    position:relative;
}
div.box p{
  margin:0;
  padding:0;
  position:absolute;
  bottom:0;
}

总结

以上是脚本之家为你收集整理的HTML – 如何改变其中的位置?全部内容,希望文章能够帮你解决HTML – 如何改变其中的位置?所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入脚本之家官方QQ群:1065694478
脚本之家官方公众号

微信公众号搜索 “ 程序精选 ” ,选择关注!

微信公众号搜索 “ 程序精选 ”
精选程序员所需精品干货内容!