<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#box{width:200px;height:200px;background:Red;border:10px solid #000; margin:30px 100px 100px}
#div{width:200px;height:200px;background:blue;border:10px solid #ccc; margin:40px;}
/*
	margin 外边距(margin元素的边框之外不显示元素背景)
	margin:10px 20px;上 左
	margin:10px 20px 40px;上 左下
	margin:10px 20px 40px 60px;上 右 下 左
	margin-top
	margin-right
	margin-bottom
	margin-left


margin叠加相邻两个元素的上下margin是叠加在一起
*/
</style>
</head>
<body>
<div id="box"></div>
<div id="div"></div>
</body>
</html>




												


											
margin叠加相邻两个元素的上下margin是叠加在一起的更多相关文章
	

    
								
  1. 给定一个数组，求如果排序后，相邻两个元素的最大差值，要求时间复杂度为O（N）
		
    第一种方法: 计数排序后,然后找出两两之间的最大差值 计数排序的时间复杂度是O(N) public class CountSort { public static void main(String[] ...
    
		
    2. 
						
  2. C语言：计算输出给定数组中每相邻两个元素的平均值的平方根之和。
		
    //计算输出给定数组中每相邻两个元素的平均值的平方根之和. #include <stdio.h> #include <math.h> ]) { double a,b,s=0.0 ...
    
		
    3. 
						
  3. scala实现相邻两个元素挑换位置的代码，哈哈
		
    import scala.math._ import breeze.plot._ import breeze.linalg._ import scala.collection.mutable.Arra ...
    
		
    4. 
						
  4. margin的两个有趣现象：margin合并和margin塌陷
		
    margin合并 当两个元素在垂直方向并列,分别设置margin值时会发生一个margin合并的现象 举个例子,有两个div,垂直并列,box1设置margin-bottom:20px,box2设置m ...
    
		
    5. 
						
  5. 行内元素的上下margin  和 img元素的上下margin
		
    行内元素的特点有: 1.与其他元素在同一行 2.宽度(width).高度(height).内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bott ...
    
		
    6. 
						
  6. 深入学习CSS外边距margin（重叠效果，margin传递效果，margin:auto实现块级元素水平垂直居中效果）
		
    前言 margin是盒模型几个属性中一个非常特殊的属性.简单举几个例子:只有margin不显示当前元素背景,只有margin可以设置为负值,margin和宽高支持auto,以及margin具有非常奇怪 ...
    
		
    7. 
						
  7. [转]如何解决外边距margin叠加的问题探讨
		
    两个或多个毗邻的普通流中的块元素垂直方向上的 margin 会折叠,那么如何使元素上下margin不折叠呢?下面的方法或许对大家有所帮助 一.首先你要知道什么情况下会触发:两个或多个毗邻的普通流中的块 ...
    
		
    8. 
						
  8. css将两个元素水平对齐，兼容IE8
		
    css实现元素水平对齐 css实现水平对齐,如图 有人会说css实现这种水平对齐要兼容ie8还不简单吗?使用float: left,或者display: inline-block,不就可以了吗?是的, ...
    
		
    9. 
						
  9. Set集合对象比较两个元素的方法
		
    Set集合对象比较两个元素的方法并不是根据“equals()”方法的返回值来比较.而是用“hashCode()”方法来进行判断.只要两个元素的“hashCode()”方法的返回值相同,就认为两个元素相 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 转delphi中nil的用法
			
    转自:http://blog.csdn.net/haiou327/article/details/6666124 delphi中nil的用法 和C++中的NULL一样的意思,指空值,它和0值不一样-- ...
    
			
    2. 
						
  2. iostransitiontranslate闪屏问题总结
			
    webkit在绘制页面时会将结构分为各种层,当层足够大时就会变成很大的平铺层.这样一来webkit在每次页面结构发生变化时不需要都渲染整个页面而是渲染对应层了,这对渲染速度来说相当的重要.webkit ...
    
			
    3. 
						
  3. 使用日志记录功能查看PHP扩展的执行过程
			
    了解过PHP内核的同学都知道,PHP的一次请求的生命周期 1.启动Apache后,PHP解释程序也随之启动.PHP调用各个扩展的MINIT方法,从而使这些扩展切换到可用状态 2.当一个页面请求发生时, ...
    
			
    4. 
						
  4. Android上的远程调试
			
    来源: http://www.seejs.com/archives/296 目录 远程调试概述 使用 Chrome 的 ADB 扩展进行远程调试 1. 安装 ADB 扩展 2. 启用你的移动设备上的  ...
    
			
    5. 
						
  5. JVM垃圾收集算法（标记-清除、复制、标记-整理）
			
     [JVM垃圾收集算法] 1)标记-清除算法: 标记阶段:先通过根节点,标记所有从根节点开始的对象,未被标记的为垃圾对象(错了吧?) 清除阶段:清除所有未被标记的对象 2)复制算法: 将原有的内存空间 ...
    
			
    6. 
						
  6. android抓日志
			
    1. adb logcat -c 清楚以前的日志 adb logcat -s 过滤 adb logcat -s *:E adb logcat -v 指定输出的格式 adb logcat -v brie ...
    
			
    7. 
						
  7. ob_get_contents()
			
    ob_start();//buf1 echo 'multiple'; ob_start();//buf2 echo 'bufferswork'; $buf2 = ob_get_contents();  ...
    
			
    8. 
						
  8. Broken Keyboard（悲剧文本）
			
    你有一个键盘,键盘上所有的键都能正常使用,只是Home键和End键有时会自动按下.你并不知道这一情况,而是专心地打稿子,甚至连显示器都没开电源.当你打开显示器之后,展现在你面前的是一段悲剧文本.你的任 ...
    
			
    9. 
						
  9. 购物车（Shopping cart） —— B2C网站核心产品设计 （二）
			
    购物车是做什么的? 我们先来看一下现实超市中的购物车,一个带四个轱辘的铁筐子,客人推来推去,看到什么东西喜欢,就扔进去,觉得东西差不多了,就推到收银台. 那B2C网站中的购物车又是一个什么东西呢? 从 ...
    
			
    10. 
						
  10. ecshop后台管理显示扩展分类
			
    ecshop 后台商品列表默认只显示分类下的商品,而不显示扩展分类中的商品,以下是我个人给出的解决方法: 打开admin/includes/lib_goods.php 第839行左右的位置 可以看到如 ...
    
			
    11.