CSS两个div彼此相邻
我要两个<div>紧挨着。右边<div>大约200px；并且左侧<div>必须填满屏幕的其余宽度？我怎样才能做到这一点？
问题答案：
您可以使用 flexbox 布置物品：
#parent {
display: flex;
}
#narrow {
width: 200px;
background: lightblue;
/* Just so it's visible */
}
#wide {
flex: 1;
/* Grow to rest of container */
background: lightgreen;
/* Just so it's visible */
}
<div id="parent">
<div id="wide">Wide (rest of width)</div>
<div id="narrow">Narrow (200px)</div>
</div>
这基本上只是刮擦flexbox的表面。Flexbox可以做很多令人惊奇的事情。
对于较旧的浏览器支持，可以使用CSS float 和 width 属性来解决它。
#narrow {
float: right;
width: 200px;
background: lightblue;
}
#wide {
float: left;
width: calc(100% - 200px);
background: lightgreen;
}
<div id="parent">
<div id="wide">Wide (rest of width)</div>
<div id="narrow">Narrow (200px)</div>
</div>
-
问题内容： 我希望两个div在包装div中彼此相邻。在这种情况下，绿色div的高度应确定包装纸的高度。 我如何通过CSS实现呢？ 问题答案： 浮动一个或两个内部div。 浮动一格： 或者如果您同时浮动两个子元素，则需要鼓励包装器div包含两个浮动子元素，否则它会认为它是空的而不是在它们周围放置边框 浮动两个div：
-
问题内容： 是否有类似于“不等于”的方法？ 我要完成的示例如下： 我试图找到不需要我使用的东西。 问题答案： 只需输入一个“！” 在布尔表达式前面
-
问题内容： 似乎以下代码应返回true，但返回false。 这有什么意义？ 问题答案： 常规（）和严格（）相等之间的唯一区别是，严格相等运算符禁用类型转换。由于已经在比较两个相同类型的变量，因此使用的相等运算符的类型无关紧要。 不管您使用常规相等还是严格相等，对象比较仅 在您比较相同的精确对象时得出 。 也就是说，给定，，，但。 两个不同的对象（即使它们都具有零或相同的精确属性）也永远不会相等地进
-
问题内容： 我有几个Docker容器，还有一个特例，其中两个必须互相交谈，因此它们必须通过链接最多彼此了解。我可以将一个容器链接到另一个容器，但是问题是，我不能告诉他们第二个容器可以与第一个容器对话。 我尝试创建并运行第一个容器并将其停止，然后创建了第二个容器并同时将其停止。接下来，我再次启动了第一个容器并链接到第二个容器，并启动了第二个容器并链接到第一个容器。此后，我的机器发疯了，docker进
-
问题内容： 我有2个这样的Int类型的数组 我想添加每个数组的元素，例如arrayFirst [0] + arraySecond [0]，arrayFirst [1] + arraySecond [1]等，然后将其分配给另一个数组，因此数组的结果将类似于 [5、7、24、29] 什么是实现这一目标的最佳实践 问题答案： 您可以像这样添加两个数组
-
我想将每个EditText与其他EditText分开。 但当我选择第一个编辑文本时，它会显示下一个编辑文本，而不是提交或确认，然后转到下一个编辑文本，依此类推。 这是xml代码。