一、左右负边距对元素宽度的影响 先来看这样一个例子。 讲这个例子之前，还要先了解一下浮动原理。 浮动原理：（以左浮动为例）所有子元素向左浮动。浮动框向左移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。所以子元素2向左浮动直到碰到子元素1的外边距为止。其他类推，当包含框无法容纳水平排列的浮动元 ...
分类：
其他好文 时间：
2017-05-08 16:20:31
阅读次数：
179
css浮动 1.什么是浮动：在我们布局的时用到的一种技术，能够方便我们进行布局，通过让元素浮动，我们可以使元素在水平上左右移动，再通过margin属性调整位置 2.浮动的原理：使当前元素脱离普通流，相当于浮动起来一样，浮动的框可以左右移动，直至它的外边缘遇到包含框或者另一个浮动框的边缘 3.浮动的生 ...
分类：
Web程序 时间：
2017-05-06 13:18:36
阅读次数：
219
在CSS中，父元素中的子元素如果使用了float，会导致父元素塌陷，高度为0。 对于这种情况，常见的解决方式有两种。 一、增加新的div，应用clear:both属性 html: css: 二、利用:after来清除浮动 原理：这种方法的原理是利用伪类:after和:before来在元素内部插入两个 ...
分类：
Web程序 时间：
2016-12-05 23:04:27
阅读次数：
154
浮动例子之鉴赏在浮动原理及清除浮动一文中（http://cherry360.blog.51cto.com/12176744/1864258），简单介绍了浮动的相关基础知识，为了巩固知识点，本篇结合代码展示关于浮动的几个常见例子。例1：九格子<!DOCTYPEhtml>
<htmllang="en">
<head>
<metach..
分类：
Web程序 时间：
2016-10-31 22:56:27
阅读次数：
363
最近在看《CSS Mastery》这本书，里面有用overflow：hidden来清理浮动的方法。但是一直想不明白为什么能够实现清除浮动，查阅了网络上的解释，下面来总结一下。 一、首先来想想 我们大家理解的overflow:hidden是超出该元素的部分进行隐藏。这个时候就需要明确一点，该元素的高度 ...
分类：
其他好文 时间：
2016-10-22 18:18:14
阅读次数：
188
浮动原理及清除浮动上节回顾在上节的《Web前端入门学习（4）——块级元素和行内元素之特征与转换》中(http://cherry360.blog.51cto.com/12176744/1863945)，介绍了块级元素和行内元素的特征，及粗略介绍了如何进行转换。加上display属性，可以指定元素的类型，如display:block..
分类：
Web程序 时间：
2016-10-21 16:51:56
阅读次数：
232
比较常用的两个属性值是左浮动和右浮动。在接下来的分享中，只会拿左浮动作为例子。其他浮动属性值与左浮动原理相同。 ...
分类：
Web程序 时间：
2016-08-27 12:42:36
阅读次数：
240
先来看一段代码 在早期我们通过在div标签中添加了一个空的span标签，并且给这个空的span清除浮动。但是这样的话就需要每次都添加一个空的标签，所以一些前辈就想出来用::after::before来清除浮动，从效果上来看，after和before也是一个标签，所以我们就可以利用这个伪元素来清除浮动 ...
分类：
其他好文 时间：
2016-04-08 14:57:54
阅读次数：
158
1. 固定宽度，中部DIV内容优先显示布局 说明：这种布局一般常见与社交网站，例如QQ空间，朋友网等等，特点是把中部信息的内容放在前面显示，左侧菜单内容最后显示。实现方法：重点在于使用了margin-left:-960px;这样样式，如果能深入了解一下margin的负值和浮动原理就可以很好的理解此方
分类：
其他好文 时间：
2016-02-19 20:23:04
阅读次数：
207
float浮动原理 语法： float： left | right | none | inherit 原理： 使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来float浮动特性 1.块元素在一排显示 2.内联元素支持宽高 3.默认内容撑开宽度 4...
分类：
Web程序 时间：
2015-08-07 01:37:18
阅读次数：
164
