奇怪属性速查

img的width 100%

    img {
        width: 100%;
    }
  1. 如果保留width: 100%:
  • 图片会严格按照父容器的宽度来显示
  • 父容器(.logo-wrap)的宽度会根据其内容(图片)的原始尺寸和布局上下文来确定
  • 由于在flex布局中(.top-area设置了display: flex),logo-wrap会占据适当的空间,不会过度挤压其他元素
  1. 如果去掉width: 100%:
  • 图片会按照其原始尺寸显示
  • 如果图片原始尺寸很大,可能会导致父容器被撑大,从而影响整体布局
  • 在某些情况下,这可能导致图片看起来"铺满div",但实际上是图片本身太大

store.getHomeData() 异步问题分析及修复

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 转自:http://www.cnblogs.com/star91/p/5659134.html 1.HTML5新元...
    程芬KELA阅读 395评论 0 0
  • 【 选择器 】css3 在之前的基础上面扩展了三种类型的选择器 (获取到一个元素有多重方式,我们要控制页面上面的元...
    _往后_阅读 373评论 0 1
  • 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示...
    七彩小鹿阅读 6,446评论 2 66
  • CSS样式规则 使用HTML时,需要遵从一定的规范。CSS亦如此,要想熟练地使用CSS对网页进行修饰,首先需要了解...
    wrootlflvl阅读 2,055评论 0 2
  • CSS背景 background-color:red background-image:url('paper.gi...
    专注寒冰三千岁阅读 393评论 0 2

友情链接更多精彩内容