CSS--布局(Layout)

it2024-11-18  10

clear:

该属性的值指出了不允许有浮动对象的边.

默认值:none

取值描述none允许两边都可以有浮动对象left不允许左边有浮动对象right不允许右边有浮动对象both两边都不允许有浮动对象

 

float:

该属性的值指出了对象如何浮动.

默认值:none

取值描述none对象不漂浮left文本流向对象的右边right文本流向对象的右边

 

例子:

例子效果 <div style="float:left"> 天津 </div> <div> 计算机 </div> <style type="text/css"> div { border:dashed 1px black; width:150px; height:70px; scrollbar-track-color :ThreedDarkShadow; } </style>

 

clip:

检索或设置对象的可视区域.可视区域之外的部分是透明的.

position属性的值为absolute,此属性才可以使用.

语法:

auto | rect(num,num,num,num)

默认值:auto

注意:必须要是元素的position属性为absolute时才可以.clip裁切的计算坐标都是以左上角即(0,0)点开始计算

取值描述none对象无剪切.rect(num num num num)依据上-右-下-左的顺序提供对象左上角的(0,0)坐标计算的四个偏移数值,其中任何一个值都可用auto替换,即此边不剪切.

 例子:

例子效果 <img src="1.jpg" style="position:absolute; clip:rect(0px 130px 60px 50px)" /> <img src="1.jpg" style="position:absolute; top:130px;"/>

转载于:https://www.cnblogs.com/oneword/archive/2009/06/08/1498457.html

相关资源:css-pro-layout:CSS库,用于构建响应式和可自定义的布局-源码
最新回复(0)