博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
2.页面布局示例笔记
阅读量:7031 次
发布时间:2019-06-28

本文共 592 字,大约阅读时间需要 1 分钟。

1.CSS中的三种定位机制

  • 标准文档流 就是流式布局中的定位
  • 浮动定位
  • 相对定位        

2.当元素设置了float或者相对定位的时候,就无法通过设置margin的auto进行居中了

3.设置了浮动的元素任然处于标准文档流当中,任然会占用标准文档流的影响。而不像相对定位中,会处于不同的层面。

4.设置了浮动之后,只会对其后面紧邻的第一个统计统计元素造成影响。紧邻的这个元素会根据该元素所设置的浮动而紧挨着它。

5.清除浮动:为受到了浮动元素影响的元素清楚影响。

1 tag{ 2      clear:both 3 } 4  5 或者 6  7 tag{ 8     width:100%; 9     overflow:hidden;  10 }

6.br标签在清除浮动效果时,没有作用。因为一个br标签只能换一次行,加多次br标签对于页面不美观

7.当元素设置为绝对定位时:若没设置宽度,其宽度随内容调节。

1 绝对定位2 selector{3       position:absolute;或者fixed  4 }5 6 相对定位 --指代的是相对于其本身原有的位置,不会完全脱离标准文档流7 selector{8       position:relative;  9 }

 

转载于:https://www.cnblogs.com/binhuguang/p/4453811.html

你可能感兴趣的文章
node跨域方法
查看>>
JavaScript笔记——常见DOM知识
查看>>
Angular2、AngularJS、React、vue.js过去一年的Google趋势分析
查看>>
3D轮播图
查看>>
同源策略和跨域方法
查看>>
JavaScript中的delete操作符
查看>>
es7与es8其他知识
查看>>
使用 Hexo 创建项目文档网站
查看>>
typeof和instanceof的区别
查看>>
XAMPP Windows 安装中报错解决方法备忘
查看>>
sublime之利器使用篇
查看>>
每个类都应将所有能力以最小粒度提供给外部可配置,每个业务所需要的功能是这些能力的组合...
查看>>
使用cached的wrapper类读取请求响应内容
查看>>
[python][os]分离文件目录,文件名以及文件后缀
查看>>
解决Android Studio SDK无法下载问题
查看>>
雷军定AI+IoT为小米核心战略,牵手宜家推进生态布局
查看>>
书评:《All About Java 8 Lambdas》
查看>>
搜狗信息流推荐算法实践
查看>>
Visual Studio 2017 15.6发布
查看>>
2019年Java和JVM生态系统预测:OpenJDK将成为Java运行时市场领导者
查看>>