外边距的margin-width的值类型有：auto | length | percentage
接下来让left盒子移动到最左侧,根据上图来看直接移动 x 像素即可,x的宽度是100%,即它们共同的父元素的宽度,left需设置margin-left:-100%即可。 敲黑板!我们现在的假设是left盒子本身就处在上图的位置,但是它不是啊!left本身处在第二行,设置了负margin为自身宽度后才跻身第一行的末端,因此现在设置-100%,它只...
margin-left: -100%;是什么意思呢?意思就是向左移动整个屏幕的距离 但是在三栏式写法(其中一种)里面的盒子却是可以移动到上图的黑色区域的,这个原因是: 黑色区域和蓝色区域都加了浮动,当再次使用margin-left的负百分比的时候盒子其实是相对上一个浮动的盒子 总结:可以用float和margin-left负百分比实现布局,单纯的...
100%就是bd的宽度,bd比left宽,因此left相当于不占空间,理论上可以放在和bd一行而不是另起一行,然后按规则就放上去了。right在右边是因为 margin-left:-200px;这值比 margin-left:-100%;小,你给右边设 margin-left:-110%;(取消relative的负值定位)看看 有用1 回复 supreme 2.3k12265 发布于 2017-08-29 ...
margin-left = 100%相对于父类的宽度去移动,,为神马会移上去,,想不通??? 原因为:float元素会依次一行自动排开,宽度不够时就会换行,而main占据了所有故此,left和right就会换行,这就和display:inline-blick一样, 当margin-left 为父元素的-100%时,就会上移动一行。,行盒放置时,就会根据margin放置,( 其实应该...
margin-left:-100%为什么是父级宽度的100%,而不是自身宽度的100%?是因为继承的关系吗?写回答1回答 好帮手慕糖 2018-11-25 已采纳 同学你好,这里margin-left的百分比的值就是相对于父级来算的,不是由于继承。 可以参考如下例子,margin-left:20%;显示的效果中是80px,就是相对于父级的宽度来计算的。 希望...
使用负的margin-left设置100%就是不用计较中间内容的高度,都是移动父元素的100%的宽度哦。 这样就中间内容的高度发生, 并不会影响布局 如果帮助到了你, 欢迎采纳! 祝学习愉快~~~ 0 好帮手慕慕子 2019-05-31 同学你好, 这里可以这样理解 1、 因为在HTM结构中, left和right在middle的后面, 所以浏览器在...
其中:最左侧样式margin-left:-100%,最右侧样式中margin-right:-100%,让人费解。后面查资料才知道,margin-left为负是子元素相对于父元素的最右侧位置,100%的意思就是相对于父元素右边框距离为100%,这样,子元素左边框与父元素左边框重合,实现元素居左。
margin-left | | margin-right | | -100% | 包含块宽 300px | -100% ...