CSS 4.3 盒子模型

image.png
image.png

  • display
    确定元素的显示类型

    • block/inline/inline-block

  • position
    确定元素的位置(静态/相对/绝对/固定)

    • static/relative/absolute/fixed

relative是相对原来位置的便宜

absolute是脱离文档流的独立便宜,便宜相对最近的relative或absolute

fixed也是脱离文档流的相对可视区域的便宜

image.png

z-index 可以用在 relative,absolute,fixed

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

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,846评论 1赞 92
  • CSS基础
    CSS 是什么 css(Cascading Style Sheets)，层叠样式表，选择器{属性:值；属性：值}h...
    崔敏嫣阅读 1,517评论 0赞 5
  • css总结
    以下文章是我在网上收集的内容，为了记录自己的学习以及为了以后不到处找而记录下来，如果对你有用，请感谢写这些文章的前...
    DCbryant阅读 960评论 0赞 2
  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 27,879评论 1赞 45
  • 养生日记2017.3.1
    醒早了，六点起床，收拾屋子吧，不看手机。 去清正学院的路上，试着跑步时调节呼吸，效果不佳，几百米的路跑得大汗淋漓，...
    周湘泉阅读 204评论 0赞 0