子元素不能拉伸固定高度的父容器

时间:2016-08-25 09:25:52

标签: javascript jquery html css

出于某种原因,我的孩子元素不会伸展到固定高度为1000px的主要部分。

我需要能够固定高度1000px,最大宽度1000px。两个div之间还有一个空格。我需要它更流畅和有弹性。有人能解释一下发生了什么事吗?感谢



body {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.container {
    min-height: 100%;
    text-align: center;
    background: green;
}

.main {
  height: 1000px;
    position: relative;
    display: block;
}

.contain {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.top, .bottom {
    z-index: 1;
    top: 0;
    bottom: 0;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.top img {
  background-color: red;
  height: 379px;
  width: 100%
}

.bottom {
  background-color: yellow;
  height: 379px;
  width: 100%;
}

<div class="container">
  <section class="main">
    <div class="contain">
      <div class="top">
        <img class="img">
      </div>
      <div class="bottom">
        <div class="content">
          <h1>
          eoufiwueg
          </h1>
          <p>
          difhewiuhfiuwehfiuhweuifhweiuhfuiewhfiuhweiufhewiuhfuiwehfiuhweiufhiweuhfiuhewiufhweiuhfiuwehfiuhweiufhiuwehfiuwehfiuhweiufhewfiuhweifuhweiufhiuwehfiuwehfiuwehfiuwhefiuhweiufhwiuehfiuwehfiuwehfiuhweiufhweiufhewuhfiuwehfiuwehiufhewiufhiweuhf
          difhewiuhfiuwehfiuhweuifhweiuhfuiewhfiuhweiufhewiuhfuiwehfiuhweiufhiweuhfiuhewiufhweiuhfiuwehfiuhweiufhiuwehfiuwehfiuhweiufhewfiuhweifuhweiufhiuwehfiuwehfiuwehfiuwhefiuhweiufhwiuehfiuwehfiuwehfiuhweiufhweiufhewuhfiuwehfiuwehiufhewiufhiweuhf
          difhewiuhfiuwehfiuhweuifhweiuhfuiewhfiuhweiufhewiuhfuiwehfiuhweiufhiweuhfiuhewiufhweiuhfiuwehfiuhweiufhiuwehfiuwehfiuhweiufhewfiuhweifuhweiufhiuwehfiuwehfiuwehfiuwhefiuhweiufhwiuehfiuwehfiuwehfiuhweiufhweiufhewuhfiuwehfiuwehiufhewiufhiweuhf
          </p>
        </div>
      </div>
    </div>
  </section>
</div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

添加此css

UIImage *patternImage=[UIImage imageNamed:@"whiteimage.png"];
CALayer *layer=[[CALayer alloc] init];
layer.frame=CGRectMake(0, 0, 2048, 1536);
layer.backgroundColor=[UIColor colorWithPatternImage:patternImage].CGColor;
UIView *view=[[UIView alloc] initWithFrame:CGRectMake(0,0,2048,1536)];
[view setOpaque:YES];
[view.layer addSublayer:layer];