标签:body device 其他 pat 元素 gre 简单 rgb viewport
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box1 { width: 200px; height: 200px; background-color: green; /*使元素像左侧右侧移动 可选值: none(默认值) left(元素向左浮动) right(向右) 注意:设置浮动后,水平布局的等式不会强制执行 元素设置了float后,会从文档流中完全脱离,所以元素下中的元素会向上移动 浮动的特点: 1.浮动元素会完全脱离文档流,不再占据文档流中的位置 2.设置浮动以后元素回向父元素的左侧或右侧移动 3.浮动元素默认不会从父元素中移出 4.浮动元素不会盖住其他的浮动元素,浮动元素向左向右移动时,不会超过它其它前边的其他浮动元素 5.如果浮动元素的上边是一个没有浮动的块元素,则浮动元素无法上移 6.浮动元素不会超过他上边的浮动的兄弟元素,最多跟他一样高。 简单总结: 浮动主要作用让页面水平排列 */ float: left; } .box2 { width: 200px; height: 200px; background-color: yellowgreen; float: left; } </style> </head> <body> <div class="box1"></div> <div class="box2"></div> <div class="box3"></div> </body> </html>
标签:body device 其他 pat 元素 gre 简单 rgb viewport
原文地址:https://www.cnblogs.com/strugglingbo/p/14411133.html