盒子

1.display:我们不能为行内元素设置width、height、 margin-top和margin-bottom。我们可以通过修改display来修改元素的性 质。

可选值:

block:设置元素为块元素    inline:设置元素为行内元素

inline-block:设置元素为行内块元素    none:隐藏元素(元素将在页面中完全消失)

2.visibility:和display不同,使用visibility隐藏一个元 素,隐藏后其在文档中所占的位置会依然 保持,不会被其他元素覆盖。

可选值:

visible:可见的      hidden:隐藏的

3.overflow:通过overflow来控制内容溢出的情况

可选值:

visible:默认值     scroll:添加滚动条

auto:根据需要添加滚动条    hidden:隐藏超出盒子的内容

4.文档流:文档流指的是文档中可现实的对象在排列时所占用的位置

5.浮动:浮动使用float属性

可选值:

none:不浮动   left:向左浮动          right:向右浮动

6.清除浮动:clear属性可以用于清除元素周围的浮动对元素的影响

可选值:

left:忽略左侧浮动      right:忽略右侧浮动

both:忽略全部浮动        none:不忽略浮动,默认值

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,679评论 1 92
  • 什么是盒子? CSS处理网页时,它认为每个元素都包含在一 个不可见的盒子里。 我们只需要将相应的盒子摆放到网页中相...
    咻咻咻滴赵大妞阅读 4,415评论 0 0
  • 一、盒子模型 1、盒子CSS处理网页时,它认为每个元素都包含在一 个不可见的盒子里,我们只需要将相应的盒子摆放到网...
    瘦不下去了阅读 6,481评论 0 0
  • 盒子 CSS处理网页时,它认为每个元素都包含在一 个不可见的盒子里。 为什么要想象成盒子呢?因为如果把所有的元 素...
    changzj阅读 4,540评论 0 1
  • 1. 盒子模型1. 内容区(content)2. 内边距(padding)3. 边框(border)1. 四边都设...
    zmm0404阅读 3,025评论 0 2