相关疑难解决方法(0)

我尝试在另一个div内的div上添加边距值.一切正常,除了最高值,它似乎被忽略了.但为什么？

我的期望:

我得到了什么:

码:

#outer {
    	width: 500px; 
    	height: 200px; 
    	background: #FFCCCC;
    	margin: 50px auto 0 auto;
    	display: block;
}
#inner {
    	background: #FFCC33;
    	margin: 50px 50px 50px 50px;
    	padding: 10px;
    	display: block;
}

<div id="outer">
  <div id="inner">
  	Hello world!
  </div>
</div>

W3Schools没有解释为什么保证金的行为方式.

是否有可能在Android中使利润率崩溃？比方说,我有一个LinearLayout和添加三个TextView,每个具有一个android:layout_margin的10dp.我得到以下结果:

但是,我想得到这个结果:

我知道我可以通过为不同的项目设置不同的上/下边距来解决这个问题:

• 将第一个项目的上边距和最后一个项目的下边距设置为10dp,
• 将剩余的上/下边距设置为5dp,

但这会使设计更复杂(特别是如果动态创建TextView).有没有办法让边距在CSS中表现得像？(有关为什么这有意义的解释,请参阅:CSS折叠边距的重点是什么？)

根据我对CSS规范的理解,段落上方或下方的表格应该折叠垂直边距.但是,这不会发生在这里:

table {
  margin: 100px;
  border: solid red 2px;
}
p {
  margin: 100px
}

<table>
  <tr>
    <td>
      This is a one-celled table with 100px margin all around.
    </td>
  </tr>
</table>

<p>This is a paragraph with 100px margin all around.</p>

我以为两个元素之间会有100px,但是有200px - 边距没有崩溃.

为什么不？

编辑:这似乎是表的错:如果我复制表并复制段落,这两个段落将折叠边距.这两张表不会.并且,如上所述,表格不会使用段落折叠边距.这是合规行为吗？

table {
  margin: 100px;
  border: solid red 2px;
}

<table>
  <tr>
    <td>
      This is a one-celled table with 100px margin all around.
    </td>
  </tr>
</table>
<table>
  <tr>
    <td>
      This is a one-celled table with …

我有一个包含其他几个 div 和元素的 div。

现在我想用 transform: scale(n)

但是当我使用它时，一切看起来都很好，除了内部div的边距保持相同的大小但是内部元素的宽度发生了变化

正如您所看到的，div 的大小减少了一半......但边距是相同的：/

例如代码，您在父级中有一个 div。这个子 div 的边距为 100px

如果我更改父级的比例，子级的边距保持不变，但大小不变。您可以看到孩子在改变比例时没有移动。

.holder {
  background: pink;
  transform: scale(0.5);
}

#son {
  margin-top: 100px;
  padding: 20px;
  background: green;
}

<div class="holder">
  <div id="son">
    dontcare
  </div>
</div>

你好，为什么孩子的边距底部没有增加父母的高度：

<div class="my-container">
<div class="margin">
    Hello World
</div>
<div class="margin">
    Hello World
</div>

.my-container {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 300px;
background-color: #3873fe;
margin: auto;
}

.my-container .margin {
    width: 100px;
    margin: 0 auto 50px;
    background-color: #00ff82;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

但是如果为 parent添加边框，则 parent的高度会增加：

.my-container {
    border:1px solid;
}

所以我想了解为什么会有这种差异？