Question

我需要将身体的高度放在身体的高度，而不考虑有多少内容。因为它是给我无花果。 2我需要有图1。
我还需要在身高内部设置页脚。 position:absolute确实适合但覆盖了{body}中心的margin:auto。如何对齐div元素
Html代码：

<html> <body> <header></header> <aside></aside> <footer></footer> </body> </html>

我的css代码是这样的：

  body{ width:920px;
    position:absolute;
    height:auto; }
aside { float:left;
    width:170px; }

 footer { float: right;
     background: #E7DBD3;
     clear:both; }

Body and aside heights

Answer 1

您应该可以设置旁边的顶部和底部值。类似的东西：

aside { 
  position: relative;
  float:left;
  width:170px; 
  top: 0px;
  bottom: 0px;
}

Answer 2

要指定旁边元素的高度而不考虑其内容，请使用position：absolute以及所需的顶部和底部值。

在定位旁边元素时，确保它相对于文档主体定位，即旁边元素的祖先应该是文档主体而不是任何其他元素。记录顶部和底部值有助于实现所需的高度元件。

例如，如果标题高度为60像素，页脚高度为30像素，而旁边应该在左侧，则css代码为

aside { 
  width: 250px; 
  position: absolute;
  top: 60px;    # to position after the header 
  bottom: 30px; # to end before the footer
  left: 0px;    # to position in the left side..Use right: 0px to position aside in the right side
}

如何将身高调整到身高

2 个答案: