overflow 有哪些属性值?

首先你要知道单词的意思是:溢出

  • visible:默认值,内容不会被修剪,会呈现在元素之外。
  • hidden:内容会被修剪,并且其余内容是不可见的。
  • scroll:内容会被修剪,并且浏览器会生成滚动条,以便查看其余内容。
  • auto:如果内容被修剪,则浏览器会生成滚动条,以便查看其余内容。
  • lnherit:规定应该从父元素继承overflow属性的值

display:none;与 visibility:hidden 的区别?display:inline-block什么时候会显示间隙?

  • display:none :使用该属性后,HTML元素(对象)的宽高等属性值都将 “丢失”。
  • visibility:hidden;:使用该属性后,HTML元素(对像)仅仅是视觉上看不见(完全透明),而它所占据的空间位置仍然存在,也就是说它仍然具有高度,宽度等属性值。

display:inline-block:
真正意义上的inline-block水平呈现的元素间,换行显示或者空格分割的情况下会有间隔。
解决办法:
父元素{font-size:0;-webkit-text-size-adjust:none;}

盒模型:3C 标准中,如果设置一个元素的宽度和高度,指的是元素内容的宽度和高度,而 在 Quirks 模式下,IE 的宽度和高度还包含了 padding 和 border。

设置行内元素的宽高:在 Standards 模式下,给<span>等行内元素设置 wdith 和 height 都 不会生效,而在 quirks 模式下,则会生效.。
设置百分比的高度:在 standards 模式下,一个元素的高度是由其包含的内容来决定的,如果父 元素没有设置百分比的高度,子元素设置一个百分比的高度是无效的用,
quirk 模式下的解决办法, 用 text-align 属性:
body{text-align:center};#content{text-align:left}

CSS基础常识问答(三)相关推荐

  1. CSS基础知识(三)

    CSS颜色 颜色是网页中不可缺少的属性.它有很多种设置的方法,最基础的是设置红.绿.蓝三种颜色的成份值.可以用十进制或十六进制.如:black十六进制是#000000,十进制是0,0,0.还可以直接使 ...

  2. CSS基础班笔记(三)

    ✍web前端剑法之css

  3. CSS基础介绍(三)

    文章目录 display属性 overflow属性 文档流 浮动 简单布局 高度塌陷问题 清除浮动 定位 相对定位 绝对定位 固定定位 元素层级 设置元素的透明背景(opacity) display属 ...

  4. CSS基础学习(三)

    一.Chrome调试工具 在网页中,如果自己设置的样式并不能体现出来,可以右击选择检查,在style中查看自己的选择器 以及选择器的样式.有可能是style中单词拼错.结构错误.样式被覆盖.忘记写&q ...

  5. Html+CSS基础知识(一)

    1 前端常识 1.1 HTML的作用 定义网页结构: 1.2 CSS的作用 修饰网页结构和样式: 1.3 javascript 定义网页之间的交互 2 HTML基础 2.1 什么是HTML HTML是 ...

  6. CSS基础班笔记(二)

    web前端剑法之css ??web前端剑法之css 地址 ??CSS基础班笔记(一) https://blog.csdn.net/Augenstern_QXL/article/details/1155 ...

  7. 前端网页三剑客------CSS基础

    前端网页三剑客------CSS基础 一.三种引入CSS的方式 1.行内样式:在指定标签元素内部 添加style属性,配置css效果,多个效果之间有分号隔开.缺点: 代码可重用性比较低,可维护性比较低 ...

  8. 操作系统(三十二)内存的基础常识

    3.1 内存的基础常识 目录 3.1 内存的基础常识 3.1.1 计算机的多级存储结构 3.1.2 程序的装入和链接 3.1.1 计算机的多级存储结构 对于计算机的存储结构而言一般可以分为三层:最高层 ...

  9. CSS基础「三」盒子模型/产品模块案例/圆角边框/盒子阴影/文字阴影

    本篇文章为 CSS 基础系列笔记第三篇,参考 黑马程序员pink老师前端入门教程 其他CSS基础相关文章: CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表 CSS基础「二」复合 ...

  10. CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表

    前言:本篇文章为 CSS 基础系列笔记第一篇,参考 黑马程序员pink老师前端入门教程 如有侵权联系删除,如有问题欢迎指出. 其他CSS基础相关文章: CSS基础「二」复合选择器 / 元素显示模式 / ...

最新文章

  1. ssh协议是osi_TCP/IP 协议模型
  2. AI+Science 是人类两大科研范式的结合,工程化正当时
  3. [BZOJ 2523][Ctsc2001]聪明的学生(递归)
  4. linux 备份数据,LINUX下备份数据
  5. Fomo3d常见问题
  6. 漫画:删去k个数字后的最小值
  7. 几个ubuntu16.04镜像下载地址
  8. ManualResetEvent详解
  9. Java基础篇:隐藏的实例变量
  10. L1-015 跟奥巴马一起画方块 (15 分) — 团体程序设计天梯赛
  11. VS2008中openGL开发环境配置
  12. File system specific implementation of LookupAndOpen [file] failed
  13. Easyui之datagrid修改
  14. 黑马程序员最新Python教程——第一阶段(1)
  15. ps切图后 JAVA开发_两种ps切图方法(图层/切片)
  16. C# 实现对接电信交费易自动缴费
  17. ubuntu安装的微信不能发送图片
  18. window10家庭版安裝docker遇到的問題【已解決】
  19. VB编程:UBound获取数组上限;LBound获取数组下限-25
  20. 找出数组中的最大数和最小数

热门文章

  1. 薅羊毛 | 揭秘闲鱼方案,一部手机,实现随时随地薅羊毛
  2. 自定义滚动条(css)
  3. the system clock has been set more than 24 hours
  4. 人生的意义在于梦想和坚持
  5. 山寨手机拇指30掌盟APP软件游戏下载安装破解激活图文教程2
  6. mysql数据库,语法语句总结。以及事务理解-基础篇
  7. App中WebView网页加载优化实战干货
  8. fleaphp 快速开发php框架
  9. peer之间的通信协议
  10. ubuntu 18.04.1安装RTL8821CE无线网卡驱动