Html 当没有'时，3个div并排出现；t空间为3个div，如何仅替换第三个div？

#bio{
宽度：56%；
高度：350px；
浮动：左；
明确：两者皆有；
}
#生物文本{
宽度：50%；
高度：350px；
浮动：左；
填充：1%；
右边距：20px；
背景色：#6e6e；
边界半径：6px；
}
#接触{
宽度：39%；
填充：1%；
背景色：#6e6e；
边界半径：6px；
}

传记
联络

您必须使用媒体查询

例如：

@media only screen and (max-width: 735px) {
  #bio{
    width:50%;
  }

  #bio-text{
    width:50%;
  }

  #contact{
    width:100%;
    float: none;
  }
}

---

您必须使用媒体查询

例如：

@media only screen and (max-width: 735px) {
  #bio{
    width:50%;
  }

  #bio-text{
    width:50%;
  }

  #contact{
    width:100%;
    float: none;
  }
}

下面是一个最大宽度为768px的媒体查询示例。如果你想让这三个div并排出现，那么它们加起来最多应该是100%。在媒体查询中，使用“无”和“宽度100%将它们堆叠起来。有关各种设备的完整列表，请参见此处：

下面是一个最大宽度为768px的媒体查询示例。如果你想让这三个div并排出现，那么它们加起来最多应该是100%。在媒体查询中，使用“无”和“宽度100%将它们堆叠起来。有关各种设备的完整列表，请参见此处：

---

如果您使用的是引导框架。。使用引导类管理列布局，即col-md-3（中型设备）和col-sm-3（小型设备），它们将根据设备纵横比自动调整。

如果使用引导框架。。使用引导类来管理列布局，即col-md-3（中型设备）、col-sm-3（小型设备），它们将根据设备纵横比自动调整。

您将它们设置为%，因此它们将始终适合（？）。在@media查询中查找宽度/高度的断点，因为它们是%，因此它们总是适合（？）。查看@media查询中的宽度/高度断点