1.padding

 

            padding 内填充
            注意：设置padding后会撑大容器的大小
            padding的四个方向
            top right bottom left
            
            paading复合写法 : top right bottom left
            只有一个属性值时: 4个方向都是同一个值
            设置两个属性值时： 
                第一个属性值设置的是上下两个方向，
                第二个属性值设置的是左右两个方向。
            设置三个属性值时： 
                第一个属性值设置的是上边一个方向，
                第二个属性值设置的是左右两个方向，
                第三个属性值设置的是下边一个方向。
            设置四个属性值时： 
                第一个属性值设置的是上边一个方向，
                第二个属性值设置的是右一个方向，
                第三个属性值设置的是下边一个方向，
                第四个属性值设置的是左边一个方向。 

 2.margin

 下面这个例子可以说明这个问题

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#box{
				background-color: red;
				border: 1px solid black;//解决
			}
			#div1{
				height: 50px;
				background-color: pink;
				margin: 100px 100px 200px 100px;
			}
			#div2{
				height: 50px;
				background-color: yellow;
				margin: 100px;
			}
		</style>
		<!--
			margin的问题
			1、margin-top传递
				解决方法：仅用以学知识点可以使用border解决
			2、margin上下叠压
				解决技巧：
					1、还是使用margin，可以将某一个元素方向设置成预想的值。margin叠压会取最大的margin值.
					2、如果元素没有特殊特征，也可以用padding代替
		-->
	</head>
	<body>
		<div id="box">
			<div id="div1">div1</div>
			<div id="div2">div2</div>
		</div>
	</body>
</html>

 

Logo
向您推荐>>Eolink开发者社区

权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区

更多推荐

深入理解 Mocha 测试框架：从零实现一个 Mocha

前言什么是自动化测试自动化测试在很多团队中都是Devops环节中很难执行起来的一个环节，主要原因在于测试代码的编写工作很难抽象，99%的场景都需要和业务强绑定，而且写测试代码的编写工作量往往比编写实际业务代码的工作量更多。在一些很多业务场景中投入产出比很低，适合写自动化测试的应该是那些中长期业务以及一些诸如组件一样的基础库。自动化测试是个比较大的概念，其中分类也比较多，比如单元测试，端对端测试，集

avatar 云原生

ELK实现containerd的容器日志采集展示【基于logging的全栈监测】

企业级ELK Stack构建介绍

avatar 云原生

(20200916 Solved)docker-compose up创建容器自动退出

问题描述如题，创建容器后自动退出了。并且docker start container无效解决方案原因是缺失了控制终端的配置，需要在docker-compose.yml中增加tty:true ，有时候这样也不行，需要再增加一个command:/bin/bash，命令不一定是这个，需要是一个不会退出的命令，然后用-d后台启动容器。Referencesdocker-compose启动容器后自动退出...

avatar 云原生