定位

定位

position属性可以控制Web浏览器如何以 及在何处显示特定的元素。

可以使用position属性把一个元素放置到网 页中的任何位置。

可选值：

static

relative

absolute

fixed

父元素的垂直外边距怒会和子元素重叠。

开启BFC的元素不会被浮动元素所覆盖。

开启BFC的元素可以包含浮动的子元素。

如何开启元素的BFC？

1.设置元素浮动

2设置元素绝对定位

3.设置元素为inline-block

4.将元素的overflow设置成一个非visible的值

绝对定位

相对定位



©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,807评论 1赞 92
  • 浮动定位BFC边距合并
    relative:生成相对定位的元素，通过top,bottom,left,right的位置相对于其正常位置进行定位...
    zx9426阅读 968评论 0赞 2
  • 浮动与定位
    主要内容： 浮动的介绍、清除浮动、各种定位、BFC以及外边距合并的介绍。 浮动 什么是浮动元素 浮动元素是floa...
    苦瓜_6阅读 593评论 0赞 0
  • WEB基础入门四：盒子模型和定位
    一、盒子模型 1、盒子CSS处理网页时，它认为每个元素都包含在一 个不可见的盒子里，我们只需要将相应的盒子摆放到网...
    瘦不下去了阅读 2,172评论 0赞 0
  • 前端新手常见问题（七）-浮动、定位
    浮动元素有什么特征？对父容器、其他浮动元素、普通元素、文字分别有什么影响? 特征： 1、浮动元素会脱离正常的文档流...
    我要认真学前端阅读 2,797评论 0赞 5