CSS属性之浮动flow
来源:互联网 发布:怎么安装发票软件 编辑:程序博客网 时间:2024/05/29 15:25
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>浮动练习</title><style type="text/css">/* *问题:如何让三个方块横着排列 * 方法1、可以把块元素变为行内块元素 * */.box1{width: 100px;height: 100px;background-color: red;/*display: inline-block;*//* * 如果希望块元素水平排列,可以使元素脱离文档流 * 可以用flow属性使元素浮动,脱离文档流 * 可选值: * none:默认值,不会脱离文档流 * left:脱离文档流,元素向左浮动 * right:脱离文档流,元素向右浮动 * * 元素脱离文档流后,下方元素会向上移动 * 如果浮动元素上面是一个没有浮动的块元素,则元素不会超过块元素 * 如果一行里不能容下所有的浮动元素,则元素会自动换行 * 浮动元素不会超过其兄弟元素 *//*float: left;*/}.box2{width: 100px;height: 100px;background-color: yellow;/*display: inline-block;*/float: right;}.box3{width: 100px;height: 100px;background-color: yellowgreen;/*display: inline-block;*//*float: left;*/}</style></head><body><!--问题:如何让三个方块横着排列--><div class="box1"></div><div class="box2"></div><div class="box3"></div></body></html>
阅读全文
0 0
- CSS属性之浮动flow
- CSS属性之浮动以及解决浮动塌陷
- DIV CSS浮动属性
- CSS float 浮动属性
- CSS浮动属性
- css:浮动 float属性
- CSS float 浮动属性
- CSS float 浮动属性
- CSS float 浮动属性
- CSS float浮动属性
- css float 浮动属性
- CSS float浮动属性
- 003 Python前端之CSS核心属性与浮动
- CSS float 浮动属性详解
- CSS浮动属性Float详解
- CSS浮动属性Float详解
- CSS float 浮动属性介绍
- CSS float 浮动属性详解
- C++之宁以pass-by-reference-to-const替换pass-by-value(20)---《Effecitive C++》
- tensorflow使用遇到的问题The TensorFlow library wasn't compiled to use SSE instructions, but these are avail
- 49. Group Anagrams
- BZOJ 1180: [CROATIAN2009]OTOCI (LCT题解)
- 第10节-Linux文件系统与目录树得关系
- CSS属性之浮动flow
- CTF中常用的zio模块笔记
- hibernate配置文件
- visual studio 使用C#语言进行MDI窗体创建
- G
- [水文]生成模型2
- 第11节-Linux EXT2/EXT3 文件的存取与日志式文件系统的功能
- sigmoid函数的求导
- 深搜