位置: 编程技术 - 正文

非常好的CSS基本布局16例(css的基础)

编辑:rootadmin
单行单列

推荐整理分享非常好的CSS基本布局16例(css的基础),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:css有哪些好处,css基本操作,css的基础,非常好的css基本框架,非常好的css基本框架,css的基本用法,常用的css,非常好的css基本操作,内容如对您有帮助,希望把文章链接给更多的朋友!

单行单列1:采用float浮在左上角,固定宽度。

#content { float: left; padding: px; margin: px; background: #FFF; border: 5px solid #; width: px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; width: px; }html>body #content { width: px; /* ie5win fudge ends */ }

单行单列2:固定在左上角,固定宽度,采用的是绝对(absolute)定位。

#content { position: absolute; top: 0px; left: 0px; padding: px; margin: px; background: #FFF; border: 5px solid #; width: px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; width: px; }html>body #content { width: px; /* ie5win fudge ends */ }

单行单列3:固定在左上角,不固定宽度,采用百分比(%)定义宽度来自适应页面。

单行单列4(推荐):固定宽度,采用在body样式中定义居中属性(text-align: center;)实现适应页面自动居中。 单行两列

单行两列1:两列都固定宽度。第一列浮在左上角,第二列浮在第一列右边。

单行两列2:两列都百分比宽度,但不满屏。第一列固定在左上角,第二列浮在第一列右边。

非常好的CSS基本布局16例(css的基础)

单行两列3:两列都百分比宽度,满屏。两列都采用绝对定位。

单行两列4:两列都百分比宽度,满屏。第一列浮在左上角,第二列浮在右上角。

单行两列5:两列都百分比宽度,满屏。第一列浮在左上角,第二列浮在第一列右边。 单行三列

单行三列1:左右列都绝对定位(右列定位在右上)。左列和右列固定宽度,中间列自适应页面。

单行三列2:左列定位在左上,右列定位在右上,中间列浮在左列右面。左列和右列固定宽度,中间列自适应页面。

单行三列3:三列都绝对定位。左列和右列固定宽度,中间列根据内容自适应。

单行三列4(推荐):类似样式2,只是将margin: px属性增加在body样式中,解决了中间列在Netscape6.0中置顶的问题。

单行三列5:左右列绝对定位,中间列自适应。宽度满屏。 顶行三列

顶行三列1(推荐):顶行自适应页面宽度。左右列绝对定位,中间列自适应页面。 顶行三列2:宽度满屏

一个针对IE7的CSS Hack IE7修复了很多bug,也增加了对一些选择符的支持,所以现在诸如*html{}和html>body{}等针对IE隐藏或显示的hack都会在IE7中失效。虽然CSSHack不推荐使用,条

如何解决下拉菜单被flash覆盖的问题 把swf文件属性设置成透明,在flash参数里面加上,如果你用dreamweaver,选中那个swf文件,属性面板上会有一个参数...按钮(在面板的最下面),点一下,

网页中关闭IE的图像工具栏和XP主题 关闭XP系统主题在IE中的显示如果开发环境是XP系统,IE中的input标签会和XP系统主题相符合,影响了外观的统一,采用下列方法可以关闭.添加下列META标记,可

标签: css的基础

本文链接地址:https://www.jiuchutong.com/biancheng/371880.html 转载请保留说明!

上一篇:中文排版CSS心得(css中文手册)

下一篇:如何解决下拉菜单被flash覆盖的问题(调出下拉菜单)

  • 报关金额多报了3000美金
  • 单独计价作为固定资产入账的土地为什么不计提折旧
  • 费用类科目分类怎么避免出错
  • 餐饮公司开分店还需要办手续吗
  • 公司租车要交什么费用
  • 公司收承兑贴现的会计分录
  • 零申报的资产负债表不能为0
  • 7月1日发票新规定
  • 三类小规模纳税标准
  • 开了发票必须记收入吗
  • 管理不善造成的损失怎么处理
  • 个人所得税合并申报
  • 盈余积累转增股本的个税问题
  • 个人出租住房需要交城镇土地使用税吗
  • macbook自动弹出页面
  • 高新技术企业研究开发费用加计扣除
  • 预收房租费用计入什么科目
  • 如何在苹果电脑上删除软件
  • PHP:mb_ereg_replace_callback()的用法_mbstring函数
  • php发送电子邮件
  • php7.3
  • 销售合同怎么计算印花税
  • 总分机构什么时候备案
  • 银行手续费未开票汇算清缴要调增吗
  • PHP中使用什么关键字声明变量的作用域为全局
  • php chm
  • 机器设备拆除增值税税率
  • 暂估入库的税务分录
  • 纳税人提供应税服务
  • 什么是工程施工的总纲领
  • 机票的退票费可以开具发票吗
  • framework core
  • 用户登录php
  • 【角色扮演】
  • 农民工工资专用账户打款比例
  • 员工离职后个税申报系统如何操作
  • 内部交易费用外部交易费用
  • python dup函数
  • 2020织梦建站教程全集
  • 供货商少开发票金额如何进行会计处理?
  • 小规模纳税人与一般纳税人的区别表现在小规模纳税人
  • 起重机属于固定资产中什么设备类型
  • linux 升级软件
  • 土地使用权转为在建工程
  • 股权转让产生的个人所得税
  • 矿产资源补偿费计入管理费用吗
  • 非营利组织也被称为?
  • 房地产开发公司注册资金要求
  • 初级会计实务重点内容
  • 转移固定资产是指什么
  • 长期股权投资的账务处理
  • 借款合同相关法条
  • 研发支出怎么结转到管理费用
  • 去年已入账的材料怎么查
  • 期间损益科目如何结转
  • 什么资产减值可以转回
  • 设置会计账簿应当遵循的基本原则有
  • mysql -ne
  • 数据库中两张表tab1
  • mysql不能运行
  • virtualboxubuntu安装教程
  • linux 主力机
  • 怎么彻底关闭windows更新
  • scanexplicit.exe - scanexplicit是什么进程 作用是什么
  • win7系统按Ctrl+Shift不能切换输入法的图文教程
  • windows8使用技巧
  • win8怎么设置
  • linuxmint设置中文
  • android中使用md5后报非法延续字节
  • 列举linux常用的几个命令
  • cocos2d怎么用
  • jquery 元素
  • easyui combotree加载静态数据问题(选不上)解决方法
  • js绑定函数
  • shell脚本 su
  • android 保存密码
  • android 5.1 WIFI图标上的感叹号及其解决办法
  • 浙江税务打不开,提示新版本
  • 江苏网上税务局官网
  • 社保诚信申报怎么取消
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设