div+css样式表中的float和clear属性的用法及几个小实例.doc_第1页
div+css样式表中的float和clear属性的用法及几个小实例.doc_第2页
div+css样式表中的float和clear属性的用法及几个小实例.doc_第3页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

div+css样式表中的float和clear属性的用法及几个小实例CSS Float Layout Basics - CSS浮动布局基础：基于浮动的布局利用了float（浮动）属性来并排定位元素，并在网页上创建列。可以利用这个属性来创建一个环绕在周围的效果，例如环绕在照片周围，但是当你把它应用到一个标签上时，浮动就变成了一个强大的网页布局工具。float属性把一个网页元素移动到网页（或者其他包含块）的一边。任何显示在浮动元素下方的HTML都在网页中上移，并环绕在浮动周围。float的属性如下表所示:left 文本或图像会移至父元素中的左侧。right 文本或图像会移至父元素中的右侧。none 默认。文本或图像会显示于它在文档中出现的位置。CSS样式表中 clear:both;可以终结在出现他之前的浮动 CSS中 clear:both;可以终结在出现他之前的浮动。使用clear属性可以让元素边上不出现其它浮动元素。clear的四个属性如下表所示:left 不允许元素左边有浮动的元素right 不允许元素的右边有浮动的元素both 元素的两边都不允许有浮动的元素none 允许元素两边都有浮动的元素举例说明:float与clear的用法.flfloat:left;width:100px;height:25px;background:#cccccc;margin-left:5px; text-align;center; margin-top:5px;.clrbclear:both.clrl clear:left;.clrr clear:right;1234你也是分别替换clear的属性看一下效果如何.在这我重点讲的是如果把clear的几种属性一块来写出来会是什么效果呢?来看代码和效果图;123412341234效果：从上图大家可以清楚的看到这不是我们想要的结果.解决方法还是要用到div+css样式
人人文库> 全部分类> 生活休闲 > 科普知识

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论