Float特征: 1.块在一排显示 2.支持内联宽度 3.默认内容支撑宽度 4.脱离文档流 5.提升层级半层 Float产生的影响: float有脱离文档流的特性使其与父级不在同一文档流,从而影响布局 清除Float方法: 1.加高度(扩展性不好) 2.父级浮动(页面中所有元素都加浮动,会影响mar ...
分类:
其他好文 时间:
2018-01-21 17:40:45
阅读次数:
179
文档流:浏览器根据元素在html文档中出现的顺序,从左向右,从上到下依次排列。 浮动属性是CSS中的定位属性,用法如下: float: 浮动方向(left、right、none); left为左浮动、right为右浮动、none是默认值表示不浮动 设置元素的浮动,该元素将脱离文档流,向左或向右移动 ...
分类:
Web程序 时间:
2018-01-17 20:07:53
阅读次数:
161
关于浮动问题,我相信大家很容易遇到,比如说头部的导航栏的制作,就要用到浮动,页面的布局有时也会遇到浮动,那么怎么解决浮动的问题呢,我自己大概言简意赅的总结了我所知道的几种方法。 首先造成浮动的原因是:元素浮动会造成元素脱离文档流,造成父元素没有高度。下面举一个例子: 效果图如下: 问题:以上的图中, ...
分类:
其他好文 时间:
2018-01-14 17:41:28
阅读次数:
138
1 当一个元素出现在另一个元素上面时,第一个元素的下外边距与第二个元素的上外边距会发生合并。 2 当一个元素包含在另一个元素中时(假设没有内边距或边框把外边距分隔开),它们的上和/或下外边距也会发生合并。如果父元素有内边距,则子元素的外边距以父元素的内边距为准,不会发生外边距合并。 3 假设有一个空 ...
分类:
Web程序 时间:
2018-01-14 00:55:56
阅读次数:
257
在刚接触CSS的时候,每次给元素添加样式,都习惯性的写上宽是多少,高是多少,为自己挖坑无数,还暗自抱怨说CSS好烦,不过它真的是好烦,脾气很怪。 好,言归正传。在讨论元素的宽高是如何确定的之前,我们先明确一下文档流的概念:对于内联元素,是从左到右排列的,当宽度不够时换行;对于块级元素,是从上到下排列 ...
分类:
其他好文 时间:
2018-01-11 20:42:33
阅读次数:
133
1.浮动元素会让元素脱离文档流。 2.行框和清理 如果浮动元素后有一个文档流中的元素,框的文本内容会受到影响,留出空间。 用clear:left、right、both、none可以避免。 3.加一个清理元素可以迫使元素包围。 或者使用浮动容器 ...
分类:
其他好文 时间:
2018-01-09 23:20:06
阅读次数:
352
block(块)元素的特点:①总是在新行上开始;②高度,行高以及外边距和内边距都可控制;③宽度缺省是它的容器的100%,除非设定一个宽度。④它可以容纳内联元素和其他块元素 inline元素的特点:①和其他元素都在一行上;②高,行高及外边距和内边距不可改变;③宽度就是它的文字或图片的宽度,不可改变④内 ...
分类:
其他好文 时间:
2018-01-06 14:18:43
阅读次数:
99
一、css布局模型 1.流动模型(Flow) 元素在不设置css样式时的布局模型,是块元素就独占一行,是内联元素就在一行逐个进行显示 2.浮动模型(Float) 使用float属性来进行网页布局,给元素设置float后会脱离正常的文档流 3.层模型(Layer) 使用position属性对元素进行定 ...
分类:
Web程序 时间:
2018-01-02 23:34:34
阅读次数:
205
html: 标记、元素 嵌套 属性和值 标准属性(4种) html和HTML 超文本 http 词列表 CSS: 文档流 流式布局 列式布局 正常流布局 行框 行内框、行内元素 块框、块级元素 无名框、无名块框 包含框 JS: ...
分类:
其他好文 时间:
2017-12-31 21:07:42
阅读次数:
160
(个人知识有限,难免有误,请见谅) 标准文档流,顾名思义,是要按照一定规矩排列的,默认的就是元素会从左至右,从上至下排列,块级会独占一行,行内元素会和小伙伴们共享一行。 本来在标准文档流下,各个元素相安无事,可突然有一天某个元素心想啊,我那么优秀,不该出现在这里啊,于是它成精了,它发现了一道大门走向 ...
分类:
Web程序 时间:
2017-12-30 15:50:33
阅读次数:
167