2

  1. 我需要将侧面的高度与身体的高度相匹配，而不考虑内容的多少。因为它给了我无花果。2 我需要图 1。

  2. 我还需要让页脚适合身体高度。position:absolute确实适合，但会覆盖margin:auto居中的 body 元素。我如何对齐 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; }

车身高度和侧面高度

4

2 回答 2

2

您应该能够设置侧面的顶部和底部值。就像是：

aside { 
  position: relative;
  float:left;
  width:170px; 
  top: 0px;
  bottom: 0px;
}
于 2012-10-18T16:28:34.780 回答
0

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

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

例如，如果页眉高度为 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
}
于 2015-10-22T05:56:00.837 回答