内蒙古11选5走势跨度图:float:left css浮动靠左 布局靠左

css float:left 浮动靠左布局

首先float是布局网页浮动(对象靠左left、靠右right)样式属性单词。在布局中我们要让对象靠左显示只需要对对象设置float:left样式即可。

一、float left语法

1、float:left使用示范代码

div{float:left} 

设置div布局靠左。

2、float:left解释
float:left是设置对象靠左(浮动靠左)排版。无论div、p、span、h1、li等标签均可设置而且完美兼容。平时内蒙古11选五开奖5号的布局中常见左中右、左右等更复杂排版均需要float:left样式来布局。

二、css float left实例

1、float:left使用示例代码

<!DOCTYPE html> 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>float left实例 ThinkCSS</title>
<style>
div{ border:1px solid #F00}
.exp{ float:left; border:1px solid #00F;height:100px}
</style>
</head>
<body>
<div>未设置float样式</div>
<div>未设置float样式</div>
<div class="exp">我被设置靠左</div>
<div class="exp">我被设置靠左</div>
</body>
</html>

2、float:left实例效果截图

div css之float:left实例效果截图
div css之float:left实例效果截图

三、float:left应用场景

在实际内蒙古11选五开奖5号的布局中常见左右布局,左中右结构布局时会用到float left样式,一般靠左 和靠中的div我们均会设置float:left达到并排靠左显示。

在thinkcss网站logo和搜索框均设置靠左float left来布局
在thinkcss网站logo和搜索框均设置靠左float left来布局

ThinkCSS网站css float left使用说明图
ThinkCSS网站内蒙古11选五开奖5号的 float left使用说明图

相关标签: left float 靠左
如需转载,请注明文章出处和来源网址:www.thinkcss.com/html/1068.shtml

日期:2016-09-07 10:12:02 来源:内蒙古11选五开奖5号的 www.phlmy.com 作者:css

热门点击

  • 《读药》151期:短篇小说——解读蒋一谈《庐山隐士》 2019-07-15
  • 70期:开创了中国人太空“开飞船”历史的刘旺 2019-07-15
  • 纪念人民日报创刊70周年改革开放40周年美术活动 2019-07-07
  • 菜鸟世界杯送出50吨包裹 荷兰成国旗最大购买地菜鸟世界杯送出50吨包裹荷兰成国旗最大购买地-手机行情 2019-07-02
  • [鄙视]就你这智商还挑战爱因斯坦?蚍蜉撼树也! 2019-07-02
  • 图解:从中国新闻奖、长江韬奋奖看人民日报70年 2019-06-27
  • 江夏区宣传干部培训班圆满落幕 荆楚网携手江夏区委宣传部举办 2019-06-26
  • 供应链如何更“智慧” 2019-06-17
  • 推动民营企业创新发展 2019-05-31
  • 【北京中汽双会车型报价】北京中汽双会4S店车型价格 2019-05-31
  • 弘扬光荣传统 勇立时代潮头 忠实履职尽责 2019-05-30
  • 世界很多国家想拥有核弹,但迫于种种原因而没能实现。 2019-05-25
  • 阿呆,那是你家远祖啊,还不跪拜?[哈哈] 2019-05-15
  • 泰国推出“智慧签证”吸引人才 2019-05-15
  • “印象”世界杯:揭幕战红色风暴席卷绿茵场 2019-04-29
  • 排列五走势图两元吗 青海十一选五玩法 福彩体彩高频彩竞技彩 德州扑克王online 极速快乐十分是真的吗 福彩3d杀码2元彩票网 天津时时彩有漏洞吗 河南快三怎么中奖 法甲前几名进欧冠 任选9场胜负开奖 浙江快乐彩12选5开奖走势图 神测网pc蛋蛋 网上买篮彩最好平台 吉林快三直播 河南22选5预测