摘要: 解决方法: 1、修改父元素的高度,增加padding-top样式模拟(padding-top:1px;常用) 2、为父元素添加overflow:hidden;样式即可(完美) 3、为父元素或者子元素声明浮动(float:left;可用) 4、为父元素添加border(border:1px solid 阅读全文
posted @ 2018-04-27 13:30 maxlove 阅读(470) 评论(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 阅读(127) 评论(0) 推荐(0) 编辑
摘要: 1 .BFC的含义 : Block Formatting Contexts(BFC) 块级元素格式化上下文 它决定了块级元素如何对它的内容进行布局,以及与其他元素的关系和相互关系 块级元素:父级(是一个块元素) 内容:子元素(是一个块元素) 其他元素:与内容同级别的兄弟元素 相互作用:BFC里的元素 阅读全文
posted @ 2018-04-27 13:07 maxlove 阅读(275) 评论(0) 推荐(0) 编辑
摘要: hack: 父元素的盒子包含一个子元素盒子,给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值,而子元素和父元素的边距则没有发生变化。 hytml代码: <div class="box1"> <div class="box2"></div> </div> c 阅读全文
posted @ 2018-04-27 12:52 maxlove 阅读(234) 评论(0) 推荐(0) 编辑
摘要: 1.BFC 全称是块级排版上下文,用于对块级元素排版,默认情况下只有根元素(body)一个块级上下文,但是如果一个块级元素 设置了float:left,overflow:hidden或position:absolute样式,就会为这个块级元素生成一个独立的块圾上下文,就像在window全局作用域内, 阅读全文
posted @ 2018-04-27 12:48 maxlove 阅读(680) 评论(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 阅读(372) 评论(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 阅读(5061) 评论(0) 推荐(0) 编辑