Question

我有一个h4嵌套在2个div中，如此

  <div id="my-team-lineup" style="text-align:center">
            <div id="myteamDiv" style="width:100%; ">
                <div id="myTeamBeforeDiv" style="width:50%; float: left;">
                    <center>
                        <h4>Before Trade</h4>
                        <div class="tableRow header blue" id="statTable0">
                            <div class="cell">Pos</div>
                            <div class="cell">Players</div>
                            <div class="cell">Opp</div>
                            <div class="cell">Proj Pts</div>
                        </div>
                        <div class="tableRow">
                            <div class="cell">
                                Text
                            </div>
                            <div class="cell">
                                Text
                            </div>
                            <div class="cell">
                            Text
                           </div>
                            <div class="cell">
                            Text</div>
                        </div>
                        <br />
                        <h4>Week At Bottom</h4>
                    </center>
                </div>
 </div>

我想让这个h4粘在页面底部。我已经尝试了我能想到的每个位置和底部的组合，没有任何工作。只是一个注释，因为我有一个精确的复制品，占据了页面的另外50％，并且由于内容，div的高度可能会有所不同。

Answer 1

首先，您没有关闭代码中的所有div。纠正它。

您可以将位置设置为固定，将底部设置为0.

HTML

<h4>text</h4>

CSS

h4{
  position: fixed;
  bottom: 0;
}

https://jsfiddle.net/xxfhqv36/

将Div中的文本粘贴到窗口底部

1 个答案: