博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
二列布局时的发现
阅读量:6327 次
发布时间:2019-06-22

本文共 466 字,大约阅读时间需要 1 分钟。

  
    

左侧div

  
  
    

右侧div

  

执行结果:左侧div的右边框会紧挨着右侧div的左边框,但它们之前没有空隙,

margin-left:120px; 亲没有让左右2边的div之前产生120px的左外边距。原因:因为左div进行了浮动
float:left; ,浮动后脱离文档流,紧靠在边缘,而右侧div并没有进行浮动,会根据顺序文档流继续排版下去,所以当设置
margin-left:120px; 时,是将右侧的div,从body的左边框处为起始,添加了左处边距。所以,正好是等于右侧div的宽度,所以就正好紧挨在一起。 如果 右侧div的左外边距大于左侧div的宽度时,大于多少px值,则会将左侧div与右侧div之间添加间隙,间隙的值便是 右侧div - 左侧div 的px值 。

转载于:https://www.cnblogs.com/JaneBlog/p/6121497.html

你可能感兴趣的文章
java中如何选择Collection Class--java线程(第3版)
查看>>
ASP.NET页面之间传递值的几种方式
查看>>
Linux系统权限
查看>>
TinyTemplate模板引擎火热出炉,正式开源了~~~
查看>>
android开发之GPS定位详解
查看>>
Mac OS X如何重装 苹果电脑重装操作系统
查看>>
集算器读写EXCEL文件的代码示例
查看>>
Ubuntu Server上搭建可用于生产环境的ASP.NET服务器
查看>>
php---PHP使用GD库实现截屏
查看>>
华为交换机802.1x动态下发vlan配置
查看>>
spring boot websocket + thy模版
查看>>
查看文件的真实路径
查看>>
如何开发一个自己的 RubyGem?
查看>>
职工系统150206308
查看>>
『中级篇』K8S最小调度单位Pod(62)
查看>>
ACE网络编程思考(一)
查看>>
数据结构的几种存储方式
查看>>
React源码学习——ReactClass
查看>>
JavaScript中几个相似方法对比
查看>>
如何恢复RAWD盘的资料
查看>>