# 文档流 #
文档流,是指盒子按照html标签编写的顺序依次从上到下,从左到右排列,块元素占一行,行内元素在一行之内从左到右排列,先写的先排列,后写的排在后面,每个盒子都占据自己的位置。
# 浮动 #
浮动让行内元素或块元素自动转化为行内块元素
浮动元素后面没有浮动的元素会占据浮动元素的位置,没有浮动的元素内的## 文字 ##会避开浮动的元素,形成文字饶图的效果
父元素内整体浮动的元素无法撑开父元素,需要清除浮动
浮动元素之间没有垂直margin的合并
浮动 和 文档流
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
html+css 选项卡
<style type=text/css>td { font-size: 12px; color: #000000; line-heig
bluelazyboy
2020-07-08 12:23:28
position:absolute下,top:0,right:0,bottom:0,left:0 结合margin:auto的作用(让明确宽高的盒子水平垂直居中于父元素)
絕對定位 + margin,讓明確寬高的盒子水平垂直居中於窗口 <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <meta name="vie
ddx2019
2020-07-08 11:55:42
css每日一报(自己积累平时写法)
空手走-web
2020-07-08 11:54:55
原生JS实现树状结构列表
wendZzz
2020-07-08 11:27:37
web前端复习第七课
二級導航實例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti
思丰百年
2020-07-08 10:46:31
我实现了客户要求的五彩斑斓的黑!!!
SC前端
2020-07-08 10:39:04
网页设计中常见的兼容性问题
LFWMP
2020-07-08 10:28:29
【Python】CSS选择器语法
岚清子
2020-07-08 09:13:33
HTML+css做炫酷的3d盒子反转
3d盒子反戰 效果如圖如下: HTML重要的代碼如下: <ul> <li> <div class="box"> <div class="front">目錄
文情战
2020-07-08 09:12:55
几个简单的css动画
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="wi
哀木i
2020-07-08 08:40:28
css消息数量,圆圈数字,购物车数量。
blueBings
2020-07-08 07:33:49
一次完整的HTTP服务过程(再整理)
wennianzhu
2020-07-08 07:29:39
Js and Css
海会圣贤
2020-07-08 06:54:55