CSS-浮动1
来源:互联网 发布:2017年张北云计算招聘 编辑:程序博客网 时间:2024/06/07 05:42
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>float</title>
<style>
*{
margin: 0;
padding: 0;
}
div:first-child{
width: 100px;
height: 400px;
background-color: red;
float: left;
}
div:nth-child(2){
width: 200px;
height: 200px;
background-color: blue;
float: left;
}
div:last-child{
width: 300px;
height: 300px;
background-color: green;
float: left;
/*clear: both;*/
}
</style>
</head>
<body>
<div></div>
<div></div>
<div></div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>float</title>
<style>
*{
margin: 0;
padding: 0;
}
div:first-child{
width: 100px;
height: 400px;
background-color: red;
float: left;
}
div:nth-child(2){
width: 200px;
height: 200px;
background-color: blue;
float: left;
}
div:last-child{
width: 300px;
height: 300px;
background-color: green;
float: left;
/*clear: both;*/
}
</style>
</head>
<body>
<div></div>
<div></div>
<div></div>
</body>
</html>
阅读全文
0 0
- CSS-浮动1
- CSS浮动详解(1)
- CSS-浮动&清除浮动
- CSS浮动
- CSS 浮动
- CSS 浮动
- CSS 浮动
- CSS 浮动
- CSS浮动
- CSS浮动
- CSS 浮动
- css 浮动
- CSS 浮动
- CSS浮动
- css---浮动
- css浮动
- Css浮动
- css 浮动
- 安卓Launcher 简介
- sas 判断数据集是否存在及如何用sas代码关闭已打开的数据集
- 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多线程