摘要：
1.问题描述 在W3CSchool学习web前端时，看完CSS定位-浮动这一节后，感觉没有什么问题。但是在CSS高级-分类这一节的中进行实践时，遇到了如下问题。测试地址：浮动的简单应用。 完整的html+CSS源码如下： 呈现效果： 我的问题： W3CSchool中讲解CSS定位，浮动那一节中，明确 阅读全文
posted @ 2018-04-28 16:39
maxlove
阅读(2266)
评论(0)
推荐(2)
摘要：
解决方法： 1、修改父元素的高度，增加padding-top样式模拟（padding-top：1px；常用） 2、为父元素添加overflow：hidden；样式即可（完美） 3、为父元素或者子元素声明浮动（float：left；可用） 4、为父元素添加border（border:1px solid 阅读全文
posted @ 2018-04-27 13:30
maxlove
阅读(483)
评论(0)
推荐(0)
摘要：
day1 html简介 1.web标准 结构（xhtml xml） 表现（css） 行为(dom，ECMAscript)2.html超文本标记语言 xhtml可扩展的超文本标记语言（语法更加严谨，大小写敏感）3.自定义列表 dl dt（title写名词）dd(data 写名词解释)3. img标签的 阅读全文
posted @ 2018-04-27 13:15
maxlove
阅读(135)
评论(0)
推荐(0)
摘要：
1 .BFC的含义 ： Block Formatting Contexts（BFC） 块级元素格式化上下文 它决定了块级元素如何对它的内容进行布局，以及与其他元素的关系和相互关系 块级元素：父级（是一个块元素） 内容：子元素（是一个块元素） 其他元素：与内容同级别的兄弟元素 相互作用：BFC里的元素 阅读全文
posted @ 2018-04-27 13:07
maxlove
阅读(297)
评论(0)
推荐(0)
摘要：
hack： 父元素的盒子包含一个子元素盒子，给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值，而子元素和父元素的边距则没有发生变化。 hytml代码： <div class="box1"> <div class="box2"></div> </div> c 阅读全文
posted @ 2018-04-27 12:52
maxlove
阅读(250)
评论(0)
推荐(0)
摘要：
1.BFC 全称是块级排版上下文，用于对块级元素排版，默认情况下只有根元素（body)一个块级上下文，但是如果一个块级元素 设置了float:left，overflow:hidden或position:absolute样式，就会为这个块级元素生成一个独立的块圾上下文，就像在window全局作用域内， 阅读全文
posted @ 2018-04-27 12:48
maxlove
阅读(704)
评论(0)
推荐(0)
摘要：
问题如下 一段很简单的代码： css如下： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 html结构如下 1 2 3 当在<h2>crystal</h2>没有设置margin-top时，浏览器显示如预期 设置了margin-top后出现了如下所示的现象： 我们并没有给外层 阅读全文
posted @ 2018-04-27 10:58
maxlove
阅读(385)
评论(0)
推荐(0)
摘要：
之前在写网页的时候，发现一个小问题，就是子div设置margin-top的时候，父的div也会跟着向下移动。我用代码和图描述一下问题： [html] view plain copy <span style="font-size:14px;"><style> *{margin:0;padding:0; 阅读全文
posted @ 2018-04-27 10:57
maxlove
阅读(5083)
评论(0)
推荐(0)
浙公网安备 33010602011771号