研究下拉菜单和弹出菜单时比较所得：
1.直接在css中设置left生效的前提是必须设置父容器position:absolute或relative，如果不设置则会显示为最近一个定位的父对象左边相关的位置：
测试代码：
[html]  view plain copy
  1. <div style="position:relative;top:100px;left:100px;border:1px solid blue;width:100px;height:100px;">  
  2. <div id="outer" style="position:relative;margin-top:25px;margin-left:25px;width:50px;height:50px;border:1px solid red;">  
  3.     <div id="inner" style="position:absolute;left:15px;top:15px;width:25px;height:25px;border:1px solid green;"></div>  
  4. </div>  
  5. </div>  
测试效果：
不设置红线框的position，设置蓝线框的position，绿线框的位置：


设置红线框的position，设置蓝线框的position，绿线框的位置：


2.设置margin-left则只会出现在父对象的左边的相对位置，不考虑是否设置了position。
测试代码：
[html]  view plain copy
  1. <div style="position:relative;top:100px;left:100px;border:1px solid blue;width:100px;height:100px;">  
  2. <div id="outer" style="position:relative;margin-top:25px;margin-left:25px;width:50px;height:50px;border:1px solid red;">  
  3.     <div id="inner" style="position:absolute;margin-left:15px;margin-top:15px;width:25px;height:25px;border:1px solid green;"></div>  
  4. </div>  
  5. </div>  
不设置红线框的position，设置蓝线框的position，绿线框的位置：


设置红线框的position，设置蓝线框的position，绿线框的位置：


3.设置margin-right无法起到将element定位到右边相距XX位置，但设置right可以。
测试代码:
<div style="position:relative;width:98px;height:63px;background-image:url('images/pic.png');margin-left:100px;margin-top:300px;">
<img src="http://blog.163.com/fan_yishan/blog/images/delete.gif" style="position:absolute;top:-10px;right:-5px;"/>
</div>


测试效果：
设置margin-right


设置right


转自 http://blog.csdn.net/tomatozq/article/details/7178144
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 云原生