css - 将子div放在父div的底部

Question

我有父 div，里面有 2 个子 div。两个子 div 都包含文本，只比其他的大 1。现在考虑响应式网页设计。我想要父 div 底部的第二个子 div ...我需要确保两个子 div 都向左浮动，以便它们可以在响应式网络中正常运行

<div class="TitleHeader_Bar_L2">
  <div class="WebPage_Title_L2">
    <h4>Avaliable FeeZones</h4>
  </div>
  <div class="Title_Message_L2">
    Select FeeZones to Add in Given Scheme
  </div>

CSS

.TitleHeader_Bar_L2{
 overflow:auto;
 width:100%;
 background-color:red;
}

.WebPage_Title_L2{
 float:left;
 color:#F8F8FF;
 font-size:1.7em;
 padding:.5%;
 margin-left:.7%;
 }

.Title_Message_L2{
float:left;
color:#F8F8FF;
font-size:1em;
font-style:italic;
margin-left:.7%; 
}

Answer 1

你可以试试这个:

Fiddle Here

.TitleHeader_Bar_L2{
 overflow:auto;
 width:100%;
 background-color:red;
 position:relative;
}

.WebPage_Title_L2{
  float:left;
  color:#F8F8FF;
  font-size:1.7em;
  padding:.5%;
  margin-left:.7%;
}

.Title_Message_L2{

  color:#F8F8FF;
  font-size:1em;
  font-style:italic;

  position:absolute;
  bottom:0
}

祝你好运...:)