css中3种定位机制

标准文档流;
浮动;
绝对定位;
块级元素:从左到右撑满一行,触碰到页面边缘自动换行;
行内元素:在同一行显示,不会改变html文档的结构。
块级元素和行内元素都是盒子模型。
边框border,外边距margin,内边距padding,内容,
自动居中一列布局
标准文档流;margin属性,块级元素;(margin:auto,要居中就不可以要float,与定位)
float:left right none;设定了浮动的元素依旧处于标准文档流之中(占用标准文档流位置)设定了浮动的元素,当宽度没有设定,宽度会随着内容宽度而变化。设定浮动的元素会对紧挨着它的元素产生影响(紧挨着它后面的元素);清除浮动是对于谁受影响,对谁清除浮动;

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 5,912评论 0 6
  • 一 外部式css样式 (也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css...
    KunMitnic阅读 4,589评论 0 1
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 4,724评论 0 1
  • 紫苏叶有很高的营养价值,它具有低糖、高纤维、高胡萝卜素、高矿质元素的特点,还含、紫苏醛、矢车菊素、紫苏醇、精氨酸等...
    旋转的云阅读 4,844评论 2 3