Css 嵌套<；部门>；不与顶部对齐

问题是#2和#2a未与#1对齐，我必须使用top:-xxpx与top对齐

---

好的，我想我已经理解了您的问题，只需在id为1和2的div上添加display属性

<div id="outer" style="position:relative; width:100%; height:100%">

  <div id="1" style="position:relative; width:25%; height:auto;"></div>

  <div id="2" style="position:relative; width:65%; height:auto;">

     <div id="2a" style="position:relative; width:15%; height:auto;"></div>

  </div>

</div>

---

好的，我想我已经理解了您的问题，只需在id为1和2的div上添加display属性

<div id="outer" style="position:relative; width:100%; height:100%">

  <div id="1" style="position:relative; width:25%; height:auto;"></div>

  <div id="2" style="position:relative; width:65%; height:auto;">

     <div id="2a" style="position:relative; width:15%; height:auto;"></div>

  </div>

</div>

---

好的，我想我已经理解了您的问题，只需在id为1和2的div上添加display属性

<div id="outer" style="position:relative; width:100%; height:100%">

  <div id="1" style="position:relative; width:25%; height:auto;"></div>

  <div id="2" style="position:relative; width:65%; height:auto;">

     <div id="2a" style="position:relative; width:15%; height:auto;"></div>

  </div>

</div>

---

好的，我想我已经理解了您的问题，只需在id为1和2的div上添加display属性

<div id="outer" style="position:relative; width:100%; height:100%">

  <div id="1" style="position:relative; width:25%; height:auto;"></div>

  <div id="2" style="position:relative; width:65%; height:auto;">

     <div id="2a" style="position:relative; width:15%; height:auto;"></div>

  </div>

</div>

。这就是你要找的吗

<div id="outer" style="width:100%; height:400px; border:#000000 solid 1px;">

  <div id="1" style="display: inline-block; width:25%; height:400px; background:#fff000;"></div>

  <div id="2" style="display: inline-block;  width:65%; height:400px;background:#ff0000;">

     <div id="2a" style="width:15%; background:#000fff;"></div>

  </div>

</div>

。这就是你要找的吗

<div id="outer" style="width:100%; height:400px; border:#000000 solid 1px;">

  <div id="1" style="display: inline-block; width:25%; height:400px; background:#fff000;"></div>

  <div id="2" style="display: inline-block;  width:65%; height:400px;background:#ff0000;">

     <div id="2a" style="width:15%; background:#000fff;"></div>

  </div>

</div>

。这就是你要找的吗

<div id="outer" style="width:100%; height:400px; border:#000000 solid 1px;">

  <div id="1" style="display: inline-block; width:25%; height:400px; background:#fff000;"></div>

  <div id="2" style="display: inline-block;  width:65%; height:400px;background:#ff0000;">

     <div id="2a" style="width:15%; background:#000fff;"></div>

  </div>

</div>

。这就是你要找的吗

<div id="outer" style="width:100%; height:400px; border:#000000 solid 1px;">

  <div id="1" style="display: inline-block; width:25%; height:400px; background:#fff000;"></div>

  <div id="2" style="display: inline-block;  width:65%; height:400px;background:#ff0000;">

     <div id="2a" style="width:15%; background:#000fff;"></div>

  </div>

</div>

如果希望内部div占据垂直空间，还需要在其上设置高度

现在还不清楚是否需要嵌套第三个div，所以我制作了一个小提琴，其中一个版本嵌套，另一个版本并排放置

如果希望内部div占据垂直空间，还需要在其上设置高度

现在还不清楚是否需要嵌套第三个div，所以我制作了一个小提琴，其中一个版本嵌套，另一个版本并排放置

如果希望内部div占据垂直空间，还需要在其上设置高度

现在还不清楚是否需要嵌套第三个div，所以我制作了一个小提琴，其中一个版本嵌套，另一个版本并排放置

如果希望内部div占据垂直空间，还需要在其上设置高度

现在还不清楚是否需要嵌套第三个div，所以我制作了一个小提琴，其中一个版本嵌套，另一个版本并排放置

---

坦率地说，我不确定你想要什么。我想你想要的是：

#outer div {
    float: left;
}

2.
2a

---

坦率地说，我不确定你想要什么。我想你想要的是：

#outer div {
    float: left;
}

2.
2a

---

坦率地说，我不确定你想要什么。我想你想要的是：

#outer div {
    float: left;
}

2.
2a

---

坦率地说，我不确定你想要什么。我想你想要的是：

#outer div {
    float: left;
}

2.
2a

---

---

什么是“未对齐到#1”？您是否重置了CSS以便没有任何边距和填充？无法知道“对齐到顶部”或“对齐到#1”是什么意思，请修改。默认CSS可能会导致问题，因此重置CSS可能是一个解决方案。@EvanHahn检查Qpls@X10nD请做一个JSFIDDLE你说的“不对齐到1”是什么意思？你是否重置了CSS，这样就不会有任何边距和填充？没有办法知道你说的“对齐到顶部”或“对齐到1”是什么意思，请修改。默认CSS可能会导致问题，因此重置CSS可能是一个解决方案。@EvanHahn检查Qpls@X10nD请做一个JSFIDDLE你说的“不对齐到1”是什么意思？你是否重置了CSS，这样就不会有任何边距和填充？没有办法知道你说的“对齐到顶部”或“对齐到1”是什么意思，请修改。默认CSS可能会导致问题，因此重置CSS可能是一个解决方案。@EvanHahn检查Qpls@X10nD请做一个JSFIDDLE你说的“不对齐到1”是什么意思？你是否重置了CSS，这样就不会有任何边距和填充？没有办法知道你说的“对齐到顶部”或“对齐到1”是什么意思，请修改。默认CSS可能会导致问题，因此重置CSS可能是一个解决方案。@EvanHahn检查Qpls@X10nD当您将内容放入

2a

时，请将JSFIDLE分解。当您将内容放入

2a

时，请将JSFIDLE分解。当您将内容放入

2a

时，请将JSFIDLE分解。当您将内容放入

2a

时，请将JSFIDLE分解。