摘要: 其实,两种情况中box2的内容都是围绕着浮动元素box1来的。 因为:浮动元素会覆盖块元素,但块元素里的内容(内联盒)不会被覆盖,而是围绕着浮动盒。 将box1的背景色去掉,真相就大白了: 此时发现,box2确实是被box1所覆盖了,但是box2的内容并没有被覆盖,而是围绕着box2。 阅读全文
posted @ 2018-03-02 15:56 happyYawen 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 文档流的概念指什么?有哪种方式可以让元素脱离文档流? 文档流,指的是元素排版布局过程中,元素会自动从左往右,从上往下的流式排列。并最终窗体自上而下分成一行行,并在每行中按从左到右的顺序排放元素。脱离文档流即是元素打乱了这个排列,或是从排版中拿走。 让元素脱离文档流的方法有:浮动和定位。 在 CSS 阅读全文
posted @ 2018-03-02 15:45 happyYawen 阅读(365) 评论(1) 推荐(0) 编辑
摘要: 所有html元素都可以看作盒子。 css盒模型本质上是一个盒子,封装周围的html元素,它包括:外边距,边框,内边距和实际内容。 //W3C标准盒模型(浏览器默认) box-sizing:content-box; //IE怪异盒模型 box-sizing:border-box; 默认情况下,一个元素 阅读全文
posted @ 2018-03-02 14:31 happyYawen 阅读(215) 评论(0) 推荐(0) 编辑