DIVCSS 第十五章 div的4种布局

[复制链接]
ARCHY明星会员实名认证 发表于 2012-10-27 11:00:03 [DIVCSS] 显示全部楼层 |阅读模式 上一主题 下一主题
discuz使用视频教程

马上注册,一起探讨正确快速的建站方法

您需要 登录 才可以下载或查看,没有帐号?快速注册

x
1、流体浮动布局
规格:当视窗变化时跟着变化
采用:浮动布局
兼容:兼容当前主流浏览器
缺点:图片固定大小,当你改变浏览器窗口的大小时,会发生内容溢出div,可能不能很好的兼容。

2、流体定位布局
规格:当视窗变化时跟着变化
采用:定位布局
兼容:兼容当前主流浏览器

改变浏览器窗口的大小,div 不会产生内容溢出,而是自适应内容的挤压,变长或变宽。

3、固定浮动布局
规格:固定大小,不能随着视窗改变
采用:浮动布局
兼容:兼容当前主流浏览器

由于固定了div的宽和高,所有改变浏览器窗口的大小不是影响到div的显示。

4、固定定位布局
规格:固定大小,不能随着视窗改变
采用:定位布局
兼容:兼容当前主流浏览器

由于固定了div的宽和高,所有改变浏览器窗口的大小不是影响到div的显示。

第十四章 CSS 构造表单

15天学习DIV+CSS教程汇总导读




上一篇:第十四章 CSS 构造表单
下一篇:第十六章 做一个简单的DIV+CSS布局的页面实战项目

大神点评14

坏小子 发表于 2012-11-3 13:51:20 [DIVCSS] 显示全部楼层
努力,努力,再努力!!!!!!!!!!!  
大爱无疆 发表于 2012-11-3 13:51:20 [DIVCSS] 显示全部楼层
支持~~  
海阔天空 发表于 2012-11-3 13:51:20 [DIVCSS] 显示全部楼层
很好!很强大!  
爱实翡咚 发表于 2012-11-3 13:51:20 [DIVCSS] 显示全部楼层
今天没事来逛逛  
jingjinxin 发表于 2012-12-15 10:46:26 [DIVCSS] 显示全部楼层
好贴,学习了!感谢楼主分享。
天天加分 发表于 2012-12-26 10:14:12 [DIVCSS] 显示全部楼层
很好很强大
江湖书生 发表于 2013-1-5 22:26:15 [DIVCSS] 显示全部楼层
哇!讲得细致个,学习了
www.diyzhezhi.com
majiansong 发表于 2014-6-18 08:54:14 [DIVCSS] 显示全部楼层
谢谢分享,好文章!!!!!!!!!!!
塑胶跑道www.tzszty.cn
sanenchi 发表于 2014-7-8 15:20:14 [DIVCSS] 显示全部楼层
学习知识!
寻找回忆的终点 发表于 2014-8-22 15:20:40 [DIVCSS] 显示全部楼层
支持!学到
SEO新媒体 发表于 2016-5-31 15:48:28 [DIVCSS] 显示全部楼层
写的很详细 感谢分享
不一样的时光 发表于 2017-11-20 08:48:57 [DIVCSS] 显示全部楼层
学习知识!



购买靓号就到九五靓号网众多靓号任您挑选www.95lhw.com
水水淼1201 发表于 2017-12-31 12:11:01 [DIVCSS] 显示全部楼层

谢谢分享
淘小淘 发表于 2018-12-29 16:54:11 [DIVCSS] 显示全部楼层
很给力,希望分享更多给力的帖子啊。
www.pddfzb.com
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

快速回复 返回顶部 返回列表