CSS Float页面布局属性详解

作者:     目录:编程代码     发表:2009年11月20日

float属性可以控制页面是否浮动,以及浮动的方式。这里需要说明的是,如果被定义成绝对定位(position:absolute),则会忽略float的浮动类型。

控制页面浮动方式的float属性包含下面4种值:


float:{ left | right | none | inherit }

代码

<div class="nav">
<a href="home">首页</a>
<a href="about">关于我们</a>
<a href="contact">联系我们</a >
</div>

为了方便演示,我们定义了body的背景颜色、宽度、行高、边距等。


body{
line-height: 160%;
width: 468px;
margin-right: auto;
margin-left: auto;
margin-top: 60px;
background-color: #003366;
}

//定义类nav的浮动方式。
.nav {
background-color: #FFFFFF;
float: left;
width: 200px;
padding: 10px;
}

演示图样css-float-property

标签:

♥支付宝现金红包♥

支付宝现金红包,每天可领,红包金额最高 99元,使用无门槛,支付宝扫码付、还信用卡、充话费都可以使用。

支付宝红包领取方法:

  • 打开支付宝APP,首页搜索数字 1547638 即可领现金红包
  • 手机用户直接 点击这里领取
  • 或者支付宝APP扫描下面二维码领取
支付宝现金红包 每天可领

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.