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
}

祝你好运...... :)

将子div放在父div的底部

CSS

1 个答案: