网站制作动态

float定位

2020-04-21 09:46:54 合肥网站建设制作网络公司
float 定位
以往 float 属性应用于图像,它使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,不论它本身是何种元素。float 是相对定位的, 它会随着浏览器窗口的大小和分辨率的变化而改变。float 浮动属性是元素。定位中非常重要的属性常常通过对 Div 元素应用 float 浮动来进行定位。
语法:
  float:none|left|right
说明:
none 是默认值,它表示对象不浮动;left 表示对象浮在左边;right 表示对象浮在右边。CSS 允许任何元素浮动 float,不论是图像、段落还是列表。先前元素无论是什么状态,浮动后都成为块级元素。浮动元素的宽度默认为 auto。如果 float 取值为 none,或没有设置 float 时,不会发生任何浮动。块元素独占一行,紧随其后的块元素将在新行中显示。其代码如下所示,我们可以看到由于代码中没有设置 Div 的 float 属性,因此每单独占一行,两个 Div 分两行显示。
我们修改一下代码,使用float:left 对content_a应用向左的浮动;float:right 对ontent_b应用向右浮动。其代码如下所示,我们可以看到代码中 content_a 向左的浮动,content_b 向右浮动,content_b 在水平方向紧跟着它的后面。浏览器中浏览效果两个 DIV 在一行上并列显示。

关于网站建设公司

网站模板超市

网络公司案例

15375431506

网络公司咨询:周一至周日 08:00~21:00