标签:布局

Html与Css教程

如何让 height:100%; 起作用

xiaoqi 发布于 2017-06-04

浏览器是如何计算高度和宽度的? Web浏览器在计算有效宽度时会考虑浏览器窗口的打开宽度。如果你不给宽度设定任何缺省值,那浏览器会自动将页面内容平铺填满整个横向宽度。 但是高度的计算方式完全不一样。事实上,浏览器根本就不计算内容的高度,除非内容超出了视窗范围(导致滚动条出现)。或者...

阅读(503)赞 (4)

Html与Css教程

css实现简单左右布局

xiaoqi 发布于 2017-05-11

实现左右布局:左边宽度固定的导航栏,右边自适应宽度,左边导航栏高度永远和右边内容高度保持一致,底部永远致于最下面,不会随内容的变化而改变,测试浏览器中,谷歌浏览器html下面会有留白,其他浏览器正常。注:本人觉得方法比较方便,容易上手 <!DOCTYPE html> ...

阅读(575)赞 (2)

Html与Css教程

flex弹性布局属性

xiaoqi 发布于 2017-03-07

首先使用flex布局需要声明,任何一个容器都可以指定为Flex布局。 .box{ display: flex;} 容器有六个属性可以设置         flex-direction         ...

阅读(466)赞 (1)

Html与Css教程

CSS之DIV与Table两种页面布局

xiaoqi 发布于 2017-01-28

一、 TABLE方式 优点: 1、简单易用:比较适合入门级的用户操作,用户可直接利用Dreamweaver(以下简写为“DW”)工具栏插入表格,设置长宽、对齐方式、属性等。 2、所见即所得:当用户插入一个TABLE的时候就可立即看到效果。 3、可读性好:语句编写较为简便,主要代码...

阅读(519)赞 (3)