float 浮动float CSS属性指定一个元素应沿其容器的左侧或右侧放置，允许文本和内联元素环绕它。该元素从网页的正常流动中移除，尽管仍然保持部分的流动性（与绝对定位相反）。 一个浮动元素是float的值不为none的元素。 /* Keyword values */float: left;flo ...
分类：
Web程序 时间：
2018-06-02 13:30:25
阅读次数：
239
清除浮动详解 清除浮动主要是为了解决由于浮动元素脱离文流导致的元素重叠或者父元素高度坍塌的问题，而这两个问题分别对应了需要清除浮动的两种种情况：清除前面兄弟元素浮动和闭合子元素浮动（解决父元素高度坍塌）。 清除前面兄弟元素浮动 清除前面兄弟元素浮动很简单，只需要在不想受到浮动元素影响的元素上使用 c ...
分类：
其他好文 时间：
2018-05-29 21:42:03
阅读次数：
161
回顾： 浮动：是css中布局最多的一个属性有浮动，一定要清除浮动浮动不是一个元素单独浮动，要浮动一起浮动清除浮动四种方式：1.给父盒子添加高度，一般导航栏2.给浮动元素后面加一个空的块标签， 并且设置clear:both3. 伪元素清除法 给父元素设置 .clearfix:after{ conten ...
分类：
Web程序 时间：
2018-05-29 20:42:14
阅读次数：
205
直接在浮动元素的父元素上添加 clearfix 这个class 就能清除浮动 ...
分类：
Web程序 时间：
2018-05-29 15:30:44
阅读次数：
174
一、 在父元素中当前浮动元素下面添加一个空的div 添加clear属性 1、clear语法： 2、clear参数值说明：none : 允许两边都可以有浮动对象both : 不允许有浮动对象left : 不允许左边有浮动对象right : 不允许右边有浮动对象 3、clear解释：该属性的值指出了不允 ...
分类：
其他好文 时间：
2018-05-26 17:52:24
阅读次数：
159
设置一个基本网页的导航栏就是可以在居中显示并且是浏览的时候可以变颜色的 就是这种样式的 html结构： 写好上面的结构代码之后，也就是将我们页面展示的内容显示了，但是我们此时要利用我们学过的知识点来布局页面 首先我们要做导航栏，并排显示元素，第一想 浮动，想到使用浮动之后，一定记得清除浮动元素。 c ...
分类：
其他好文 时间：
2018-05-25 21:05:09
阅读次数：
154
CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。 Float（浮动），往往是用于图像，但它在布局时一样非常有用。 包含块： 在说明float带来的详细细节之前，我们首先要了解一个概念。包含框：浮动元素的包含框就是离浮动元素最近的块级祖先元素 Html代码： CSS代 ...
分类：
Web程序 时间：
2018-05-24 21:16:21
阅读次数：
278
前端 功能，美观，安全，无障碍，性能，兼容，体验 前端编程思想 WA doctype： 文档版本 浏览器决定渲染模式 语义化： 所有的标签都有自己的含义，属性 可读性 前端规范 whatwg css显示继承 初始值设置 inital 定位模式 常规流 浮动：浮动元素不会影响行级元素，行级盒子会浮动避 ...
分类：
其他好文 时间：
2018-05-19 23:24:05
阅读次数：
167
z-index 这个东西非常简单，它有四大特性，每个特性你记住了，页面布局就不会出现找不到盒子的情况。 z-index 值表示谁压着谁，数值大的压盖住数值小的， 只有定位了的元素，才能有z-index,也就是说，不管相对定位，绝对定位，固定定位，都可以使用z-index，而浮动元素不能使用z-ind ...
分类：
其他好文 时间：
2018-05-15 13:21:02
阅读次数：
147
浮动产生的问题： 如果父容器的高度为auto，而不是定值，在给子元素设置浮动后，父容器的高度会塌陷，不能被子元素的高度撑开，为了解决这一问题会进行清除浮动 清除浮动的方法： 1、给父容器设置固定的height值，此方法不适用于浮动元素高度不确定的情况 2、添加额外标签，给浮动的元素后面添加一个cle ...
分类：
Web程序 时间：
2018-05-08 22:20:48
阅读次数：
221
