一、概念理解 浮动：顾名思义先浮后动，浮动的对象会先漂浮起来，离开自己原来的位置（也就是所谓的脱离文档流），后动的意思是，它的后面的元素会向它原来的位置动起来。 二、注意事项 1.当元素有浮动属性时，会对其父元素或后面的元素产生影响，会出现一个布局错乱的现象。（我们可以通过清除浮动的方式进行解决这个 ...
分类：
Web程序 时间：
2016-05-14 14:02:44
阅读次数：
117
一、浮动left元素向左浮动right元素向右浮动none元素不浮动inherit从父级继承浮动属性#fd{
width:100px;
height:100px;
background-color:red;
float:left;
}
#sd{
width:100px;
height:100px;
background-color:blue;
float:left;
}
#td{
width:100px;
height:100px;
backgr..
分类：
Web程序 时间：
2016-05-13 15:41:52
阅读次数：
155
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>瀑布流布局效果</title>
<linkhref="style.css"rel="stylesheet"type="text/css">
</head>
<body>
<divid="div1">
<ul>
<li>&l..
分类：
Web程序 时间：
2016-05-13 15:41:00
阅读次数：
207
CSS浮动和清除 什么是浮动？ 在实现效果上，让元素浮起来（飘起来），动起来（向左或向右移动） 浮动本质：就是将两个块元素同存一行。 float 取值：主要是对浮动的方向进行控制 left：让元素向左浮动 right：让元素向右浮动 浮动的特性： 当网页中的某些元素（如：div1，div2，div3... ...
分类：
Web程序 时间：
2016-04-05 00:37:04
阅读次数：
219
在网页中，元素有三种布局模型： 1、流动模型（Flow） 2、浮动模型 (Float) 3、层模型（Layer） 流动（Flow）是默认的网页布局模式。流动布局模型具有2个比较典型的特征： 第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100% ...
分类：
Web程序 时间：
2016-04-04 18:09:22
阅读次数：
581
首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图： 可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div元素是独占一行的。 注意，以上这些理论，是指标准流中的div。无论多么复杂的布局，其基本出发点均 ...
分类：
Web程序 时间：
2016-04-02 13:35:23
阅读次数：
170
一、CSS定位概述定位概述-定位:定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置-普通流定位-浮动定位-相对定位-绝对定位普通流定位-页面中的块级元素框从上到下一个接一个地排列-每一个块级元素都会出现在一个新行中(比如<..
分类：
Web程序 时间：
2016-03-22 17:31:42
阅读次数：
215
今天下班在地铁上看了一个样式教学视频，因为最近在学习前端。以前刚毕业的时候，感觉后台才是王道，但最近发现，前端也很重要，比如：自己接一些私单做的时候，自己要根据需求做好界面，才能更加符合客户需求，不然还得找人去做；不同的是，后台的就可以放心找人做，只要测试得没问题，效率还过得去就可以了，所以最近打算
分类：
Web程序 时间：
2016-03-08 23:31:39
阅读次数：
168
很早以前就接触过CSS，但对于浮动始终非常迷惑，可能是自身理解能力差，也可能是没能遇到一篇通俗的教程。 这几天看到一篇比较好的文章，借鉴过来正好理解下浮动的概念 教程开始： 首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图： 可以看出，即使div1的宽度很小，页
分类：
Web程序 时间：
2016-03-07 01:15:55
阅读次数：
199
