网页编程网
www.youkud.com
掌握计算机、网络技术，让生活更美好！
主页
网页制作
html5
JavaScript
DIV+CSS
前端美工
网络编程
Java与JSP
PHP
Python 3
Golang
R语言
数据库
Mysql
Oracle
NoSQL
SQLite
运维
Linux
正则表达式
架构
网页特效
移动开发
网络
SDN
QUIC
网络原理
人工智能
强化学习
机器学习
区块链
区块链1
区块2
dapp
理论
dapp案例
数据采集
爬虫技术
爬虫案例
当前位置：
主页
>>
DIV+CSS
>> 正文
div可脱离文档流的方法
阅读：4107 输入：2020-05-19 20:26:59
<style> *{ margin: 0; padding:0; } .container{ width:100%; height: 300px; background-color: pink; } .content{ width:100px; height:100px; background-color:blue; position: static; left: 10px; } </style> <body> <div class="container"> <div class="content"> </div> </div><!--wrap--> <p>Normal flow常规流 正常流 文档流</p> <p>1.窗体自上而下分成一行一行，并在每行中从左至右顺序排放元素；</p> <p>2.每个非浮动块元素都独占一行，浮动元素则按照负载行的另一端的操作，若当关容不下,自行另起一行</p> <p>3.内联元素不独占行，在所有的文档流中</p> <p>4.有以下方法可脱离文档流：float absolute fixed</p> <p>5.position: static默认状态，在文档流中失效所有的top，left等</p> <p></p> </body>
上一篇：
css3实现3D翻转相册
下一篇：
div+css实现表格，常用于数据展示
相关阅读
css3实现列表自适应，多行多列响应式
通用多栏目商品展示模板
javascript实现的鼠标悬浮当前td单元格变色效果
下载专区
软件下载（提取码：mtag）
Tag
网站Tag
标签云
HTML工具
进制间转换
进制转换（带小数）
html代码运行
HTML工具
字母翻转
硬盘整数分区
html颜色代码
HTML工具
除空格回车
万年历
fojiao
HTML工具
小游戏
在线绘画
更多
手机版
联系微信:jingqishens