浮动对页面的影响： 如果一个父盒子中有一个子盒子，并且父盒子没有设置高，子盒子在父盒子中进行了浮动，那么将来父盒子的高度为0.由于父盒子的高度为0， 下面的元素会自动补位，所以这个时候要进行浮动的清除(不要在浮动元素上清除浮动)，不然浮动会造成父元素高度坍塌，同时浮动会脱离文档流，对整个页面布局有很 ...
分类：
Web程序 时间：
2017-09-25 14:33:01
阅读次数：
300
CSS float 浮动属性 CSS float 浮动属性 本篇主要介绍float属性：定义元素朝哪个方向浮动。 目录 1. 页面布局方式：介绍文档流、浮动层以及float属性。 2. float:left ：介绍float为 left 时的布局方式。 3. float:right ：介绍float ...
分类：
其他好文 时间：
2017-09-21 23:18:59
阅读次数：
180
摘要：Bootstrap 为我们提供了一套响应式、移动设备优先的流式栅格系统，合理的使用栅格系统将会使得网站页面布局变得更加简单，在设置了媒体查询之后，响应式网站也无需再单独写了。接下来我以Bootstrap的中文官网首页为模板进行展示其栅格布局的使用方法以及相关知识点。相信在看完这篇文章之后，你完 ...
分类：
Web程序 时间：
2017-09-19 00:28:12
阅读次数：
273
目录： 一、栅格系统 内容： 前言： 首先通过https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css 链接下载bootstrap.min.css保存到本地，然后执行下面操作 一、栅格系统 栅格系统是页面布局使用，是区分列布局使用的， ...
分类：
编程语言 时间：
2017-09-19 00:11:57
阅读次数：
257
AngularJS利用路由传值， 1.导包 2.依赖注入ngRoute 3.配置路由 4.写cel的控制器 5.通过about页面传值给cel页面 修改cel页面的输入框的值 最后是页面布局 看看效果: ...
分类：
Web程序 时间：
2017-09-18 10:51:23
阅读次数：
200
今天学习了三种位置： position：fixed固定位置。 position：absolute绝对位置。 position：relative相对位置。 可以直接用top，right，bottion，left来选择边距。 流式布局： float：left向左流 float：right向右流 z-in ...
分类：
其他好文 时间：
2017-09-16 00:37:14
阅读次数：
117
1、栅格系统（布局）Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。 我在这里是把Bootstrap中的栅格系统叫做布局。它就是通过一系列的行（row）与列（column）的组合创建页面布局，然后你的内容就可 ...
分类：
其他好文 时间：
2017-09-14 10:35:19
阅读次数：
176
题目1:假设高度已知，请写出三栏布局，其中左栏、右栏宽度各为300px,中间自适应 答案: ①、浮动方式 ②、定位方式 ③、flex布局 ④、表格布局 ⑤、网格布局 问题扩展： 1、几种方法的优缺点 浮动：需要清除浮动，但兼容性较好 定位:脱离文档流，导致下面的内容都要脱离文档流，但是比较快捷 fl ...
分类：
Web程序 时间：
2017-09-11 19:36:00
阅读次数：
233
编程挑战 现在利用之前我们学过的JavaScript知识，实现选项卡切换的效果。 效果图: 文字素材: 房产： 275万购昌平邻铁三居 总价20万买一居 200万内购五环三居 140万安家东三环 北京首现零首付楼盘 53万购东5环50平 京楼盘直降5000 中信府 公园楼王现房 家居: 40平出租屋 ...
分类：
编程语言 时间：
2017-09-11 16:22:15
阅读次数：
160
