CSS-浮动2
来源:互联网 发布:2017年张北云计算招聘 编辑:程序博客网 时间:2024/06/03 11:15
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>float</title>
<style>
.outer{
border: 1px solid red;
/*background-color: blue;*/
overflow: hidden;
}
.inner{
width: 100px;
height: 100px;
background-color: red;
margin: 10px;
float: left;
}
.other{
width: 200px;
height: 100px;
background-color: gold;
/*clear: both;*/
}
</style>
</head>
<body>
<div class="outer">
<div class="inner"></div>
<div class="inner"></div>
<div class="inner"></div>
</div>
<div class="other"></div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>float</title>
<style>
.outer{
border: 1px solid red;
/*background-color: blue;*/
overflow: hidden;
}
.inner{
width: 100px;
height: 100px;
background-color: red;
margin: 10px;
float: left;
}
.other{
width: 200px;
height: 100px;
background-color: gold;
/*clear: both;*/
}
</style>
</head>
<body>
<div class="outer">
<div class="inner"></div>
<div class="inner"></div>
<div class="inner"></div>
</div>
<div class="other"></div>
</body>
</html>
阅读全文
0 0
- CSS清除浮动2
- CSS-浮动2
- CSS-浮动&清除浮动
- CSS浮动
- CSS 浮动
- CSS 浮动
- CSS 浮动
- CSS 浮动
- CSS浮动
- CSS浮动
- CSS 浮动
- css 浮动
- CSS 浮动
- CSS浮动
- css---浮动
- css浮动
- Css浮动
- css 浮动
- 2016 ACM/ICPC 青岛赛区网络赛 I Count Two Three
- app接口设计之token的php实现
- 中英文长度判断
- CSS-浮动1
- 《Machine Learning》第八讲 支持向量机(SVM)
- CSS-浮动2
- spring mvc 文件上传
- 如何当弹出的div失去焦点的时候自动隐藏(JS如何模拟鼠标点击X,Y坐标)
- 微信第三方登陆实现-微信浏览器实现弹出提示授权非微信浏览器提供二维码
- 关于java.lang.NoSuchMethodError: org.springframework.util.ReflectionUtils.makeAccessible
- Mysql连接的过程中出现Can't connect to local MySQL server through socket '/var/run/mysqld/mysqld.sock
- java多线程
- HTML5-GPS定位
- 2017 JavaOne参会感想