今天小编跟大家讲解下有关你可能不知道的CSS技巧实战经验整理 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关你可能不知道的CSS技巧实战经验整理 的相关资料,希望小伙伴们看了有所帮助。
1.box-sizing:border-box 设置此属性后 此元素的内边距和边框不再会增加它的宽度 想要页面上所有的元素都有如此表现。所以开发者们把以下CSS代码放在他们页面上: 复制代码代码如下: *{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } box-sizing 是个很新的属性 目前需要使用 -webkit-和 -moz- 前缀。这可以启用特定浏览器实验中的特性。同时记住它是支持IE8+。 2.overflow:auto 当图片比包含它的元素还高 很尴尬的事情发生了:“它出墙了” 这时给父级元素加上这个css属性试试 3.响应试设计(responsive design) 是一种让网站针对不同的浏览器和设备“响应”不同显示效果的策略 @media 4.display:inline-block 相当于float的作用 而无需使用clear来源:爱蒂网