2017/09/15

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>框架</title>
<style>
.AA{width: 200px; height: 200px;/*宽高*/
background-color: green;
position: fixed;/*相对于浏览器定位牛皮癣广告*/
right: 30px;/*右下交,不写上面没效果*/
bottom: 30px;}
.BB{width: 200px; height: 200px;
background-color: sandybrown;
position: relative;}
.CC{width: 200px; height: 200px;
background-color: darkgoldenrod;
margin-top: 20px;
position: relative;}
/*相对定位---一般默认就是相对定位,相对于别的元素定位,别的元素位置改变
这个位置一样发生改变*/
.DD{position: absolute;/*绝对定位也要写下面的位置*/
top: 20px;/*绝对定位的位置是相当与上一级来定位的*/
right: 20px;/*定位在CC的右上角*/
width: 100px; height: 100px;
background-color:red;}

.container {
width: 50%;
height: 100px;
border: 3px solid black;
}

.items {
width: 50px;
height: 50px;
background-color: blue;
border: 2px solid red;
float: right;
margin-right: 10px;
font-size: 30px;
color: white;
}

</style>

</head>
<body>
<div class="AA">
</div>
<div class="BB">
<div class="DD"></div>
</div>
<div class="CC">
<div class="DD"></div>
</div>
<div class="DD">
<div class="container">
<div class="items">1</div>
<div class="items">2</div>
<div class="items">3</div>
<div class="items">4</div>
<div class="items">5</div>
<div class="items">6</div>
</div>

转载于:https://www.cnblogs.com/buzhiheyan/p/7529215.html

2017/09/15相关推荐

程导微编MikroElektronika.Compilers.and.Software.Tools.2017.09 11CD
程导微编MikroElektronika.Compilers.and.Software.Tools.2017.09 11CD 它由开发工具和编译器的各种微控制器家庭MikroElektronik ...
Visual Studio 2017 版本 15.5.5
Visual Studio 2017 版本 15.5.5 已修复的问题 (1)Xamarin 应用会引发"Cannot access a disposed object. Object na ...
php 评论插件,Typecho评论增强插件：TeComment（2017.09.07更新）
TeComment(2017.09.07更新) Typecho 评论增强插件,可为Typecho评论增加评论工具栏.实现评论列表异步加载以及Ajax提交评论功能插件地址:TeComment 1.安装 ...
Productivity Power Tools，对于Visual Studio 2017的15个扩展
在Visual Studio 2017正式发布期间,微软公司更新并发布了Productivity Power Tools的扩展版本.Productivity Power Tools的这个版本包括了针对 ...
Visual Studio 2017版本15.9现在可用
本文转自 Visual Studio 2017 version 15.9 now available - Visual Studio Blog 本文章为机器翻译. 该文章的最新版本已迁移至个人博客[比 ...
poi 公式转图片_三阶魔方公式符号图解V2.0(2017/12/15)_碧海风云
本文出自微信公众号[碧海风云]之<三阶魔方公式符号图解V2.0(2017/12/15)_碧海风云> 公式符号概述英国原伦敦南岸大学数学教授大卫·辛马斯特(David Breyer Sin ...
Visual Studio 2017 version 15.9 官方最新版本下载(含那个啥码)
Visual Studio 2017 version 15.9 官方最新版本下载 (含那个啥码) 简单介绍,VS2017有3个版本: ①community,社区版,含基本的开发功能,免费!免费!免费! ...
2017第15届中国（武汉）国际汽车服务产业博览会会刊（参展商名录）
2017第15届中国(武汉)国际汽车服务产业博览会会刊(参展商名录) 展会名称: 2017年第15届中国(武汉)国际汽车服务产业博览会所属展馆: 武汉国际博览中心开展时间: 2017-06-16 ...
2017.2.15 开涛shiro教程-第二十一章-授予身份与切换身份（二） controller
原博客地址:http://jinnianshilongnian.iteye.com/blog/2018398 根据下载的pdf学习. 开涛shiro教程-第二十一章-授予身份与切换身份(二) 1.回顾 ...

2017/09/15

2017/09/15相关推荐

最新文章

热门文章