关于overflow:hidden的作用
摘要：一. overflow:hidden 溢出隐藏 给一个元素中设置overflow:hidden，那么该元素的内容若超出了给定的宽度和高度属性，那么超出的部分将会被隐藏，不占位。 <style type="text/css"> div{ width: 150px; height: 60px; back
阅读全文
posted @ 2020-10-29 15:13
10 2020 档案
float 应用
摘要：一、float设计初衷 因为float被设计出来的初衷是用于——文字环绕效果。即，一个图片一段文字，图片float:left之后，文字会环绕图片。 <style type="text/css"> .box { background: skyblue; width: 100px; height: 10
阅读全文
posted @ 2020-10-29 14:49
flex 布局
摘要：网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各
阅读全文
posted @ 2020-10-26 09:24
CSS+DIV布局中absolute和relative的区别
摘要：CSS 盒子模型 所有HTML元素可以看作盒子 区别：定位为relative的元素脱离正常的文本流中，但其在文本流中的位置依然存在，而定位为absolute的层脱离正常文本流，但与relative的区别是其在正常流中的位置不在存在。 position各个属性值的定义： 1、static：默认值。没有
阅读全文
posted @ 2020-10-22 15:40
