摘要: body是整个页面的元素,默认是全屏,设置宽高也没有用哦! 一个非常好的自适应 设置width是100%的同时(90%也行,多少都可以),最大是1000px 而且margin auto 左右居中 那么如果大于1000px的时候,container左右居中的。 如果页面缩放小于1000px的时候,沾满 阅读全文
posted @ 2018-07-25 20:34 朋友圈 阅读(243) 评论(0) 推荐(0) 编辑
摘要: 绝对定位的副作用和float一样,也会塌陷 relative可以限制absolute。 父元素relative,子元素absulote即可 无限制 限制 限制2 限制不了fixed relative是相对自身定位的 、 relative无侵入! 左margin-top -100 右relative 阅读全文
posted @ 2018-07-25 19:34 朋友圈 阅读(125) 评论(0) 推荐(0) 编辑
摘要: 影响元素位置 margin把元素推开了 如果没有指定widtht的时候 margin会影响长度 父元素减去两个margin值,剩下的就是元素的长度了 不指定height不行,直接就看不见了 垂直居中 我也不知道margin负值的意思 正常情况下的负值 正常情况下 图片浮动后 浮动后,后面的元素会顶着 阅读全文
posted @ 2018-07-25 18:27 朋友圈 阅读(147) 评论(0) 推荐(0) 编辑
摘要: box-sizing属性 看这个,非常详细 https://www.jianshu.com/p/e2eb0d8c9de6 正常情况下 盒子大小是内容+padding+边框 那么如果我希望盒子是100px的话,就要根据padding+边框,计算出内容的实际值。 但是box-sizing可以帮我们自动计 阅读全文
posted @ 2018-07-25 15:03 朋友圈 阅读(939) 评论(0) 推荐(0) 编辑
摘要: border-width不支持百分比 边框随着设备变大就变大,本来就是不合理的,边框一般是固定的 默认是medium....但是1px更常用 类型 在不同浏览器下,虚线的方块大小是不同的... 这种实现方式有毒啊.....不过只有IE可以 卵用没有,可以忘了 如果不指定border-color的话, 阅读全文
posted @ 2018-07-25 00:26 朋友圈 阅读(181) 评论(0) 推荐(0) 编辑