前端ABC如何让 height:100%; 起作用
xiaoqi 发布于 2017-06-04
浏览器是如何计算高度和宽度的? Web浏览器在计算有效宽度时会考虑浏览器窗口的打开宽度。如果你不给宽度设定任何缺省值，那浏览器会自动将页面内容平铺填满整个横向宽度。 但是高度的计算方式完全不一样。事实 […]
标签：布局
flex实现筛子布局
1xiaoqi 发布于 2017-05-21
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name […]
flex布局导航条，移动端和pc端
xiaoqi 发布于 2017-05-16
移动端 <!doctype html> <html> <head> <meta charset="utf-8"> <title>Our fi […]
css 实现一个div左边200px*200px 另一个div自适应在右侧
xiaoqi 发布于 2017-05-11
运用css，有四种方法可以实现 1.float 2.flex 3.table table-cell 4.calc <!DOCTYPE html> <html> <head […]
css实现简单左右布局
xiaoqi 发布于 2017-05-11
实现左右布局：左边宽度固定的导航栏，右边自适应宽度，左边导航栏高度永远和右边内容高度保持一致,底部永远致于最下面，不会随内容的变化而改变，测试浏览器中，谷歌浏览器html下面会有留白，其他浏览器正常。 […]
两列布局(左侧固定长度,右侧自适应)的几种方法
xiaoqi 发布于 2017-05-09
1.display:table,这种情况下两列等高,以较高的高度为准. <!DOCTYPE html> <html> <head> <meta charset […]
布局自适应一侧定宽
xiaoqi 发布于 2017-03-22
不使用float实现两边固定，中间自动扩展的布局 <!DOCTYPE html> <html> <head lang="en"> <meta charset= […]
flex弹性布局属性
xiaoqi 发布于 2017-03-07
首先使用flex布局需要声明，任何一个容器都可以指定为Flex布局。 .box{ display: flex;} 容器有六个属性可以设置 fle […]
移动端页面重构布局（layout）
xiaoqi 发布于 2017-03-03
下面我将简单的介绍移动端布局的八种方式： 1.固定布局 2.流动布局 3.浮动布局 4.定位布局 5.混合布局 6.flex布局 7.rem布局 8.响应式布局 1.固定布局 方法 <head& […]
CSS之DIV与Table两种页面布局
xiaoqi 发布于 2017-01-28
一、 TABLE方式 优点： 1、简单易用：比较适合入门级的用户操作，用户可直接利用Dreamweaver（以下简写为“DW”）工具栏插入表格，设置长宽、对齐方式、属性等。 2、所见即所得：当用户插入 […]