前端开发

 首页 > 前端开发 > css教程 > CSS中width和height的默认值auto与%案例详解最新评论添加评论

CSS中width和height的默认值auto与%案例详解最新评论添加评论

分享到:
【字体:
导读:
         [导读] CSS中width和height的默认值auto与%案例详解...

今天带来CSS中width和height的默认值auto与%案例详解教程详解

结论

  • width的%:定义基于包含块(父元素)宽度的百分比宽度,会突破父级的限制
  • width的auto:尽量被父级包裹
  • height的%:基于包含它的块级对象的百分比高度,会突破父级的限制
  • height的auto:尽量被父级包裹

案例

一定复制代码跑一遍,花几分钟体会一下尽量被父级包裹与突破父级的限制

width案例




    Document

height案例




    Document

到此这篇关于CSS中width和height的默认值auto与%案例详解的文章就介绍到这了,更多相关css width和height默认值内容请搜索自学php网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持自学php网!


以上就是关于CSS中width和height的默认值auto与%案例详解全部内容,感谢大家支持自学php网。
分享到:
CSS使用BEM命名规范实践最新评论添加评论
今天带来CSS使用BEM命名规范实践教程详解当你看到一个class的时候,你想得到什么信息? 这个class用在什么地方,作用是什么? 是否在其他地方也有使用该class,修改会不会引起其他地方的样式问题? class 是否在js中被使用? ...... 此时,你最想一眼看到这个class就解决以上所有的问题,而BEM你值得拥...
css实现文字在背景图片之上最新评论添加...
今天带来css实现文字在背景图片之上教程详解效果: 非常感谢! 您已投票:{{item.voteTime}} 抱歉,您未完成投票~ data() { return { imgSrc1:require('@/common/imgs/yitoupiao.png'), imgSrc2:require('@/common/im...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……