首页 > 网站 > WEB开发 > 正文

浮动总结

2024-04-27 15:15:43

字体：大中小

来源：转载

供稿：网友

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>浮动总结</title> <style type="text/CSS"> .box1{width:100px;height:100px;background: red;float: left;} .box2{width: 300px;height: 300px;background: blue; </style></head><body> <div class="box1">box1</div> <div class="box2">box2</div></body></html>----------display:inline-block;1.使内嵌支持宽高2.使块级在一行显示3.换行被解析4.不设置宽度时，宽度由内容撑开5.在IE6，IE7下不支持快属性标签的inline-blockfloat：left/right/none1.使内嵌支持宽高2.使块级在一行显示3.换行不被解析4.不设置宽度时，宽度由内容撑开5.元素加了浮动，会脱离文档流，向指定方向移动，直到碰到父级否者另一个浮动元素停止6.提升层级半级，其他元素占据该元素位置时，其内容会被挤出去（文档流是文档中可显示的对象在排列时所占的位置）----------

上一篇：js打出各种*样式的三角形

下一篇：页脚，无论内容是否满屏页脚均在底部

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

英伟达市值一夜大涨9246亿创2023年5月以来最大单周涨幅

2024-04-27 13:35:46

雷军：小米正在申请3万件专利，以提升自身的竞争力

2024-04-27 13:33:47

人参泡酒15年后竟“复活”？网友：这酒还能喝不？

2024-04-24 22:53:44

芯片股普涨！英伟达市值一夜大涨6000亿元

2024-04-23 19:32:50

面馆老板1天卖100碗刚够交房租要卖到150碗才能实现盈利

2024-04-23 19:25:50

跌近30%！茶百道上市一小时跌没3年净利润

2024-04-23 19:13:19

疑难解答

图片精选

网友关注