网页布局总结

通过盒子模型,清除知道大部分html标签是一个盒子。

通过CSS浮动、定位可以让每个盒子排列成为网页。

一个完整的网页,是标准流、浮动、定位一起完成布局的,每个都有自己的专门用法。

1.标准流

可以让盒子上下排列或者左右排列,垂直的块级盒子显示就用标准流布局。

2.浮动

可以让多个块级元素一行显示或者左右对齐盒子,多个块级盒子水平显示就用浮动布局。

3.定位

定位最大的特点是有层叠的概念,就是可以让多个盒子前后叠压来显示。如果元素自由在某个盒子内移动就用定位布局。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 技术交流QQ群:1027579432,欢迎你的加入! 欢迎关注我的微信公众号:CurryCoder的程序人生 通过...
    CurryCoder阅读 2,726评论 0 2
  • 通过盒子模型,清楚知道大部分html标签是一个盒子。通过CSS浮动,定位可以让每个盒子排列成为网页。一个完整的网页...
    皮皮章阅读 1,387评论 0 0
  • 布局构成 一个完整的网页,是由标准流,浮动,定位一起完成布局的,每个都有自己的专门用法。 1.标准流 可以让盒子上...
    Jay_ZJ阅读 1,715评论 0 0
  • 1、CSS的三种定位机制 CSS 规定的定位机制有三种,分别是: 标准文档流(Normal flow): 特点:从...
    徐国军_plus阅读 3,723评论 0 3
  • 二、浮动 1、传统网页布局的三种方式 CSS 提供了三种传统布局方式(简单说,就是盒子如何进行排列顺序): 普通流...
    flyjar阅读 2,828评论 0 0

友情链接更多精彩内容