浮动模型
来源:互联网 发布:高晓松 爱尔兰知乎 编辑:程序博客网 时间:2024/05/16 10:21
块状元素比较霸道都是独占一行,如果现在我们想让两个块状元素并排显示,怎么办呢?不要着急,设置元素浮动就可以实现这一愿望。
任何元素在默认情况下是不能浮动的,但可以用 CSS 定义为浮动,如 div、p、table、img 等元素都可以被定义为浮动。如下代码可以实现两个 div 元素一行显示。
div{ width:200px; height:200px; border:2px red solid; float:left;}<div id="div1"></div><div id="div2"></div>
当然你也可以同时设置两个元素右浮动也可以实现一行显示。
div{ width:200px; height:200px; border:2px red solid; float:right;}
又有小伙伴问了,设置两个元素一左一右可以实现一行显示吗?当然可以:
div{ width:200px; height:200px; border:2px red solid;}#div1{float:left;}#div2{float:right;}
0 0
- 浮动模型
- 盒子模型-浮动-1
- 【Html】浮动模型
- Div盒模型+浮动
- 浮动清除,模型定位
- float(浮动)模型
- css浮动模型初理解
- 盒模型与浮动布局
- CSS基本思想-浮动模型
- 清除浮动、弹性盒模型
- CSS盒子模型和浮动
- css的布局模型(二)---浮动模型
- 【CSS布局模型】流动模型、浮动模型、层模型
- CSS 基础点集锦一:盒子模型、浮动、清除浮动
- css学习记录2-盒子模型-浮动
- 盒子模型的布局-流动,浮动,层
- CSS笔记(盒子模型与浮动)
- css 定位模型和浮动总结
- div中的图片居中对齐 or vertical-align:middle 属性设置无效
- 那些年我们刷过的算法题——输入数组构建MAXtree
- JMS中的DeliveryMode和DurableSubscriber
- 框架选择
- Linux NFS 挂载及其NFS server 安装
- 浮动模型
- 125.已知strcpy函数的原型是,不调用库函数,实现strcpy函数
- 2、创建rrd数据库
- linux udp组播接收问题及原理分析
- 集成友盟微社区,自定义ui
- Chrome 开发工具之Network
- Logstash的形象比喻
- 日常小结-http协议
- 如何去面向对象的编程