clear:
该属性的值指出了不允许有浮动对象的边.默认值:none
| 取值 | 描述 |
| none | 允许两边都可以有浮动对象 |
| left | 不允许左边有浮动对象 |
| right | 不允许右边有浮动对象 |
| both | 两边都不允许有浮动对象 |
float:
该属性的值指出了对象如何浮动.
默认值:none
立即学习“前端免费学习笔记（深入）”；
| 取值 | 描述 |
| none | 对象不漂浮 |
| left | 文本流向对象的右边 |
| right | 文本流向对象的右边 |
例子:
| 例子 | 效果 |
<p style="float:left">
天津
</p>
<p>
计算机
</p>
<style type="text/css">
p
{
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;"/>登录后复制 |
 |
以上就是CSS--布局(Layout) 的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
639
收藏
