1、为浮动元素的父元素设置高度; 缺点:在浮动元素高度不确定的时候不适用2、结尾处加空标签 (1)div标签 clear:both; (2)br标签clear:both; 3、父级div定义 overflow:hidden; 4、主流方法:父级div定义 伪类:after 和 zoom 5、父级di ...
分类:
其他好文 时间:
2017-05-12 17:29:52
阅读次数:
228
续...... 浮动的样式和特性 浮动:就是使元素脱离文档流,按照一定的方式排列,遇到相邻的浮动元素或者父级的边界就停下来 浮动的特性 1.浮动的元素排在同一排 2.浮动的元素内容撑开宽度 3.浮动的元素支持所有css样式 4.浮动的元素脱离文档流 5.浮动的元素提升层级半级(属性盖住内容溢出,可做 ...
分类:
Web程序 时间:
2017-05-11 18:40:57
阅读次数:
248
方法一:为父元素加入overflow:hidden 实际上,overflow:hidden申明的真正用途是防止包括元素被超大内容撑大.应用overflow:hidden之后,包括元素依旧保持其设定的宽度,而超大的字内容则会被容器剪切掉.除此之外,overflow:hidden还有还有一个作用,即它能 ...
分类:
其他好文 时间:
2017-05-10 19:56:50
阅读次数:
152
思路一:float说起两列布局,最常见的就是使用float来实现。float浮动布局的缺点是浮动后会造成文本环绕等效果,以及需要及时清除浮动。如果各浮动元素的高度不同时,可能会出犬牙交错的效果【1】float+margin将定宽的一列使用float,而自适应的一列使用计算后的margin<style..
分类:
其他好文 时间:
2017-05-10 14:50:42
阅读次数:
238
题目点评这道题目的提问比较多,连续问了三个问题,正常元素、绝对定位元素、互动元素如何居中,而且居中没有说清楚是垂直居中还是水平居中,要回答清楚这个问题,必须得有深厚的功底,而且要分类的来回答,条理要清楚。可以先把水平居中各种情况说清楚,然后在把垂直居中说清..
分类:
Web程序 时间:
2017-05-09 17:43:23
阅读次数:
229
题目点评这道题目的提问比较多,连续问了三个问题,正常元素、绝对定位元素、互动元素如何居中,而且居中没有说清楚是垂直居中还是水平居中,要回答清楚这个问题,必须得有深厚的功底,而且要分类的来回答,条理要清楚。可以先把水平居中各种情况说清楚,然后在把垂直居中说清..
分类:
Web程序 时间:
2017-05-09 17:41:32
阅读次数:
126
浮动元素有什么特征?对其他浮动元素、普通元素、文字分别有什么影响? 特征: 浮动元素会脱离正常的文档流,按照其外边距指定的位置相对于它的上一个块级元素(或父元素)显示 浮动元素后面的块级元素的内容会向此浮动元素的外边距靠齐,但是边框和背景却忽略浮动元素而向上一个任意非浮动元素靠齐 浮动元素后面的内联 ...
分类:
Web程序 时间:
2017-05-08 23:27:41
阅读次数:
249
1. 解决Safari下input光标过大 2. 设置浮层 3. CSS绘制三角形 4. 清除浮动 1) 浮动元素父级添加样式 1) 浮动元素父级添加样式 2) 父元素后添加伪元素 2) 父元素后添加伪元素 3) 同样可以使用如下方式(兼容IE) 4) 在浮动元素后添加div.clear 注意点 注 ...
分类:
Web程序 时间:
2017-05-04 16:29:29
阅读次数:
339
<浮动总结:1.浮动的元素脱离文档流。2.浮动的元素不能覆盖内联元素。3.后面的浮动元素不能覆盖前面的元素。如果前面元素不是块级元素会被后面的浮动元素会上移,导致元素向旁边移动。 内联元素:没有width和height,不能设置margin-top和margin-buttom。内联块级元素:有wid ...
分类:
其他好文 时间:
2017-05-01 22:17:20
阅读次数:
172