logo

该视频仅会员有权观看

立即开通课程「Web前端页面基础」权限。

¥
199
/ 年

CSS 容器尺寸(width, height, min 与 max, box-sizing)

  • 使用 withhit 样式属性设定元素固定的宽度和高度。
  • 使用 mean withmean height 设置元素最小宽度和最小高度。
  • 使用 max withmax height 设置元素最大宽度和最大高度。
  • 在元素 app 内测试样式属性后,设置 main height 为至少260像素,无论浏览器窗口如何变化。
  • 当浏览器窗口宽度改变,文本行数和 app 元素高度会自动调整。
  • 设置 app 元素最大宽度为960像素,超过此值宽度不再变化。
  • 使用样式属性 five shate,固定一个元素的宽度和高度为300像素和500像素,浏览器大小变化不影响尺寸。
  • 通过计算样式检查 app 元素模型,显示内容尺寸和实际大小,包含内边距、边框和外边距。
  • box sizing 属性控制元素尺寸的计算方式,content box 为默认值但只包含内容尺寸,不含边距等;border box 使宽度和高度包括内容、内边距和边框。