Question

我在页脚中有3个div：一个向左浮动，一个在中间， display-inline：block;并向左浮动; ，最后一个向右浮动。

到目前为止，我尝试将 45％的最小宽度添加到左侧的div，但这只会在调整大小时出现问题。所以..

如何将中间div完全置于两个div之间？

我试图找到一个基于浮动和显示的解决方案：内联块而不是Flexbox。

＆＃13;

.copyright {
  font-size: 20px;
  text-align: left;
  margin-left: 20px;
  float: left;
  position: relative;
}
.miamilove {
  font-size: 20px;
  display: inline-block;
  float: left;
}
.termslist {
  font-size: 20px;
  text-align: left;
  margin-right: 10px;
  float: right;
}
.footcol a {
  margin-top: 10px;
  font-size: 20px;
  position: relative;
  padding-right: 20px;
}
.footwrap {
  text-align: center;
  display: inline-block;
  min-width: 100vw;
}

＆＃13;

<div class="container-fluid footwrap">
  <div class="row">

    <div class="footcol">

      <span class="copyright">Copyrr Inc. &copy; 2016</span> 

    </div>


    <div class="footcol">

      <span class="miamilove">Made With <i class="fa fa-heart"></i> in Hollywood</span> 

    </div>


    <div class="footcol termslist">

      <a href="#">Investors</a>


      <a href="#">Press</a>



      <a href="#">Blog</a>



      <a href="#">Sign up</a>

    </div>

  </div>

＆＃13;

Answer 1

除非我误解，否则你可能需要flex属性。

.row {
  display:flex;
  justify-content:space-between
}

http://jsfiddle.net/qmwfbhtx/2/

将内联块div置于页脚

1 个答案: