一行中的两个 div [关闭]

【问题标题】：Two divs in one row [closed]一行中的两个 div [关闭]
【发布时间】：2015-12-26 20:46:40
【问题描述】：

你能帮我做这样的事情吗？

【问题讨论】：

css-tricks.com/a-couple-of-use-cases-for-calc
发布你到目前为止尝试过的内容
希望您至少尝试自己编写代码。 Stack Overflow 不是代码编写服务。我建议你做一些额外的研究，无论是通过谷歌还是通过搜索，尝试一下。如果您仍然遇到问题，请返回您的代码并解释您尝试过的方法以及为什么它不起作用。

标签： html css

【解决方案1】：

您可以使用 CSS3 中的 calc() 函数：

.div1 {
  width: 300px;
  border: 5px solid red;
  float: left;
}

.div2 {
  -webkit-width: calc(100% - 300px);
  -moz-width: calc(100% - 300px);
  -o-width: calc(100% - 300px);
  width: calc(100% - 300px);
  border: 5px solid green;
  float:left;
}

【讨论】：

在类 .div2 上添加 float:left
哦是的，没错