Question

我希望彼此相邻有两个div。不太对吧？

是啊...

我可以执行float: left;或width: 100%之类的操作，但我也希望div为child div 1，但是一旦我这样做，它们就会显示在彼此之下。

为了更好地说明我想要的东西，我已经画了这个：

https://www.ibm.com/support/knowledgecenter/SSSA5P_12.8.0/ilog.odms.cplex.help/refcppcplex/html/enumerations/IloCplex_MIPStartEffort.html?view=kc

正如您所看到的，overflow: hidden;在父级（child div 2）内可见而$var1="exit"; $var2="run"; $var3="go"; if($var1 != '' && $var2 != '' && $var3 != '' ){ //first condtion if($var1 == 'clear'){ echo 'clear'; } else { exit(); } //2nd condtion if($var2 == 'run'){ echo 'run'; } //3rd condtion if($var3 == 'go'){ echo 'go'; } }不是因为它们的宽度均为100％。

现在，我的问题是：我将如何实现这一目标？

我已经尝试过很多东西，但几乎所有东西最终都将div放在彼此之下。

Answer 1

您需要父级为体宽的200％。然后孩子们需要父母宽度的一半，即50％，如下：

body {
  margin: 0;
}

.container {
  width: 200%;
}

.container .pane {
  width: 50%;
  background: #eee;
  float: left;
}

<div class="container">

  <div class="pane">
    Pane 1
  </div>
  <div class="pane">
    Pane 2
  </div>

</div>

Answer 2

您必须使用## Generating the pixel matrix (1 is black, 0 is white) my_image <- matrix(c(1,0,1,0,1,0,1,0,0), 3, 3) ## Remove the plot margin par(mar = c(0,0,0,0)) ## Plot the picture image(my_image, col = c("white", "black"), xaxt = "n", yaxt = "n")和position: relative属性来实现您的目标。尝试使用此代码。

position: absolute

Answer 3

有几种方法可以做到但是如果你有一个容器并使用flex，那么你可以在这两个div上设置flex：1并且它们将彼此相邻并且你不需要使用浮点数。每个人都会得到父母的一半。

CSS - 两个div彼此相邻，100％宽度和溢出

3 个答案: