HTML页面: 1)border: 1px solid red; 画出div边距 2)overflow:hidden; 在父级加该属性可以防止浮动塌陷 3)font-size: 13px; 设置字体大小 4)body{ margin: 0px; padding: 0px; } //去除页面默认边距 ...
分类:
其他好文 时间:
2017-11-20 01:22:34
阅读次数:
208
主要内容: * Java 异常的概念。 * Java 异常的分类。 * 异常的捕获和处理。 Q:Java 是如何对异常进行处理的? A:Java 中定义了很多异常类,这些类对应了各种各样可能出现的异常事件,Java 程序的执行过程中如果出现异常事件,会生成一个异常对象并将其提交给 Java 运行时系 ...
分类:
编程语言 时间:
2017-11-19 18:44:10
阅读次数:
196
因为环境原因,子级设置margin-top的时候,父级会一起下移,一般出现在设置最大容器的时候 margin-top:父级设overflow:hidden 父级找回高度:在子级浮动时,如果父级没有设置高度,就会引起父级高度塌陷 解决办法:overflow:hidden 当内容超出父级 解决办法:ov ...
分类:
其他好文 时间:
2017-11-12 20:51:49
阅读次数:
190
1、浮动后会影响别的元素,可以用clear:both来清除浮动。 例如<div class="box1"></div> <div class="box2"></div> css: .box1{ float:left;} .box2{ clear:both ; } 2、子级浮动会导致父级高度塌陷,可以 ...
分类:
Web程序 时间:
2017-11-12 19:20:20
阅读次数:
180
清除浮动其实主要解决的就是高度塌陷问题,具体在此不再赘述~~~那些年我们一起清除过的浮动(大佬博客,写的挺不错) 方法小结:1. 1)添加额外标签 这是在学校老师就告诉我们的 一种方法,通过在浮动元素末尾添加一个空的标签例如 <div style=”clear:both”></div>,其他标签br ...
分类:
Web程序 时间:
2017-11-02 20:04:46
阅读次数:
240
css中的float: float:left 左浮动 float:right 右浮动 float:none 不浮动 float:inherit 继承浮动(继承父元素浮动属性,如果父元素无浮动属性,inherit失效) 浮动产生哪些问题:1.父元素塌陷,没有高度。2.网页中的临近元素出现异位 清除浮动 ...
分类:
Web程序 时间:
2017-10-23 18:41:54
阅读次数:
213
1.定义BFC:block formatting context,页面中css渲染的一个部分,主要用于“决定”盒子的布局以及浮动(相互影响的范围)的一个区域。BFC之间互不影响。2、如何产生BFC(触发BFC)2-1 根元素2-2 float值不为none的时候2-3 position值为absol ...
分类:
其他好文 时间:
2017-10-23 01:01:04
阅读次数:
145
在文档流中,若父元素未设置高度,那么父元素的高度默认是被子元素撑开的,即子元素多高,父元素就有多高。但是当子元素设置浮动之后,子元素就会完全脱离文档流,父元素还在文档流中,此时父元素的高度就没有子元素撑起,从而导致父元素的高度塌陷。简单来说,就是包含含有浮动的元素的上一级的高度变为0了,下面的元素会 ...
分类:
其他好文 时间:
2017-10-22 01:41:14
阅读次数:
342
特性: float的设计初衷仅仅是文字环绕效果 浮动具有破坏性,会使父容器高度塌陷 清除浮动方法: 1.脚底插入cleart:both 2.父元素BFC(IE8+)/haslayout(IE6/7) 两者差异: 1.与外部链接,会发生margin重叠 2.封闭式,不会外部发生冲突 两者不足: 1.多 ...
分类:
Web程序 时间:
2017-10-19 13:55:08
阅读次数:
190
塌陷问题 当两个盒子在垂直方向上设置margin值时,会出现一个有趣的塌陷现象。 ①垂直并列 首先设置两个DIV,并为其制定宽高 1 /*HTML部分*/ 2 <body> 3 <div class="box1">box1</div> 4 <div class="box2">box2</div> 5 ...
分类:
Web程序 时间:
2017-10-15 17:42:22
阅读次数:
144