width 与 height

最新推荐文章于 2024-04-16 22:29:27 发布

编程本就是逆天而行

最新推荐文章于 2024-04-16 22:29:27 发布

阅读量2.1k

点赞数

分类专栏： CSS 文章标签： css html5 html

本文链接：https://blog.csdn.net/littlepoem/article/details/120408973

版权

3 篇文章 0 订阅

订阅专栏

width

注意：设置 width:100% height:100% width:auto 都是基于父元素计算；设置 height:auto 基于子元素计算

一个块级元素没有设置宽高时（即 width:auto;height:auto）
宽：父元素的宽（没有父元素则为 body 的宽）
高：子元素的高（没有子元素则为 0

若子元素的宽高或内容的宽高超出父元素
overflow 属性规定当内容溢出元素框时发生的事情

值	描述
visible	默认值。内容不会被修剪，会呈现在元素框之外。
hidden	内容会被修剪，并且其余内容是不可见的。
scroll	内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto	如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit	规定应该从父元素继承 overflow 属性的值。

滚动条出现时，父元素的宽高为内容的宽高加上滚动条的宽高

如何设置 height:100%
% 是一个相对父元素计算得来的高度，要想使他有效，我们需要设置父元素的height；**要特别注意的一点是，在 <body> 之中的元素的父元素并不仅仅只是 <body>，还包括了 <html>，所以我们要同时设置这两者的 height