js中的浮动演示
来源:互联网 发布:php验证连接数据库代码 编辑:程序博客网 时间:2024/05/27 21:01
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>浮动 float </title>
<style type="text/css">
*{margin:0;padding:0;}
#wrap{width:700px;height:600px;}
#div1{background:red;width:200px;height:200px;float:left;}
#div2{background:blue;width:300px;float: left;height:300px;}
#div3{background:green;width:400px;height:400px;clear:both;}
</style>
</head>
<body>
<div id="wrap">
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
</div>
<html>
<head>
<meta charset="utf-8">
<title>浮动 float </title>
<style type="text/css">
*{margin:0;padding:0;}
#wrap{width:700px;height:600px;}
#div1{background:red;width:200px;height:200px;float:left;}
#div2{background:blue;width:300px;float: left;height:300px;}
#div3{background:green;width:400px;height:400px;clear:both;}
</style>
</head>
<body>
<div id="wrap">
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
</div>
</body>
具体结果如图所示
</html>阅读全文
0 0
- js中的浮动演示
- 演示js中的事件
- js浮动
- js浮动广告
- js浮动窗口代码
- 浮动广告JS代码
- 小小浮动广告js
- JS浮动提示
- JS制作浮动广告
- js浮动层制作
- js 浮动广告栏
- Js在线老师浮动
- JS浮动图片
- js 浮动广告
- js两侧浮动广告
- js 浮动广告代码
- JS 浮动广告
- QQ js浮动效果
- 【位图】位图实现,处理大数据
- #Mac 上关闭制定端口的方法
- 两道“诡异”的数组越界问题的分析
- [c++]如何取重载函数的地址
- 封装的redisCache工具类
- js中的浮动演示
- 单片机 数码管0~F显示
- 你真的懂我吗:思想往右,行为往左:意识自控力的较量 / 和力著——读书札记
- LTE协议之GP的理解
- 在Windows下搭建Apache服务器(试了一下, OK)
- java编译和运行的相关文章
- java io复制文件方法的中文注释
- 欢迎使用CSDN-markdown编辑器
- 我的代码风格