码迷,mamicode.com
首页 > Web开发 > 详细

css三大布局

时间:2018-10-01 19:12:21      阅读:309      评论:0      收藏:0      [点我收藏+]

标签:显示   设置   转换   标准   转行   使用   网页   spl   影响   

标准流:

从左到右,从上到下块级元素独占一行,行内元素碰到父盒子边缘换行

浮动:

特点

1 元素浮动之后不占据原来的位置(脱标),变成立体,下面可以有东西,只影响下面的

2 浮动的盒子在一行上显示

行内元素浮动之后转换为行内块元素(可以定义宽高)。(不推荐使用,转行内元素最好使用display: inline-block;

作用

文本绕图:文字到图片的右边

制作导航

网页布局

与行内块元素区别:浮动可以设置左浮动和右浮动

css三大布局

标签:显示   设置   转换   标准   转行   使用   网页   spl   影响   

原文地址:https://www.cnblogs.com/liujianing/p/9735273.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!