先入为主,布局未来

留白设计是一种高端艺术,要懂得在网页设计中运用负空间
全面布局PC端与移动端,抢占头等商机

首页 >新闻动态 >建站知识
返回

CSS浮动属性Float详解

信息来源:www.qiyukeji.com

发布时间:2016-12-15

  

CSS浮动属性Float详解

什么是CSS Float?

float 是 css 的定位属性。在传统的印刷布局中,文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。在中,应用了CSS的float属性的页面元素就像在印刷布局里面的被文字包围的图片一样。浮动的元素仍然是网页流的一部分。这与使用绝对 定位的页面元素相比是一个明显的不同。绝对定位的页面元素被从网页流里面移除了,就像印刷布局里面的文本框被设置为无视页面环绕一样。绝对定位的元素不会 影响其它元素,其它元素也不会影响它,无论它是否和其它元素挨着。

像这样在一个元素上用CSS设置浮动:

#sidebar { float: right; }

fload属性有四个可用的值:Left 和Right 分别浮动元素到各自的方向,None (默认的) 使元素不浮动,Inherit 将会从父级元素获取float值。

Float的用处

除了简单的在图片周围包围文字,浮动可用于创建全部网页布局。

上一条:CSS制作网页时遇到问题的参考技巧怎样在设计中提升网站的品质和内涵

下一条:7个高效提升Web设计质量的技巧网站优化最忌讳的四点有哪些?

联系我们

CONTACT

4006-624-024

130 8080 8189

  • 移动:130 8080 8189
  • 座机: 024-31689292
  • 邮箱:manager@qiyukeji.com
  • 地址:中国 辽宁省 沈阳市 和平区南五马路121号(万丽城大厦)1201室 

旗宇同创科技专注于: 沈阳网站建设 , 沈阳网站制作, 沈阳网站设计, 沈阳做网站, 沈阳建网站, 沈阳建设网站公司, 沈阳网站开发
Copyright @ 沈阳旗宇同创科技有限公司 All Rights Reserved. 辽ICP备13013479号   HTML地图   XML地图