上海网站建设公司

上海网站建设,上海网页设计,网站建设,网页制作,网页设计,网站制作
  • 首页
  • 公司简介
  • 公司产品
  • 解决方案
  • 客户案例
  • 客户留言
  • 联系我们
  • 标签
  • 搜索
  • 友情链接
« 关于网页设计制作中设计师的框架Slicer Windows icons »

常用DIV+CSS网页制作布局技术技巧

2008年5月15日11:38

CSS布局常用的方法:float:none|left|right
取值:
none: 默认值。对象不飘浮
left: 文本流向对象的右边
right: 文本流向对象的左边

它是怎样工作的,看个一行两列的例子
xhtml代码:

以下为引用的内容:
这里是第一列
这里是第二列
/*这是违背web标准意图的,只是想说明在它下面的元素需要清除浮动*/


CSS代码:

以下为引用的内容:
#wrap{width:100;height:auto;}
#column1{float:left;width:40;}
#column2{float:right;width:60;}
.clear{clear:both;}


position:static|absolute|fixed|relative
取值:
static: 默认值。无特殊定位,对象遵循HTML定位规则
absolute: 将对象从文档流中拖出,使用left,right,top,bottom等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象,则依据body对象。而其层叠通过z-index属性定义
fixed: 未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范
relative: 对象不可层叠,但将依据left,right,top,bottom等属性在正常文档流中偏移位置

它来实现一行两列的例子
xhtml代码:

以下为引用的内容:
这里是第一列
这里是第二列

Tags:
发布:admindoweb | 分类:网页设计 | 评论:0 | 引用:0 | 浏览:
点击这里获取该日志的TrackBack引用地址
  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

  • 网站分类

  • Search

  • 最新评论及回复

  • 最近发表


本站关键字:上海网站建设 | 上海网页设计 | 网站制作 | 上海网站建设公司 | 网页设计 | 网站设计 | 上海网站制作 | 网站推广 | 做网站 网站建设 | 虚拟主机

E-MAIL:518info@163.com QQ技术支持:15159131
客户服务专线: 021-65584479      24小时值班热线:13818762608
版权所有 © 上海思唐网络信息技术有限公司版权所有