div旁边的CSS div和第二个div的宽度
我试图显示两个相邻的div。第一个是200x200像素，第二个是第一个右侧的10像素。它有200像素高，而且它的宽度必须从页面右侧填充到页面右侧 到目前为止，我有：div旁边的CSS div和第二个div的宽度,css,Css,我试图显示两个相邻的div。第一个是200x200像素，第二个是第一个右侧的10像素。它有200像素高，而且它的宽度必须从页面右侧填充到页面右侧 到目前为止，我有： <html> <head> <style> div.div1 { border: 1px solid red; color: red; width: 200px; height: 200px; float: left; } div.div2 { border: 1px s
<html>
<head>
<style>
div.div1 {
border: 1px solid red;
color: red;
width: 200px;
height: 200px;
float: left;
}
div.div2 {
border: 1px solid black;
width: 100%;
height: 200px;
float: left;
margin-left: 10px;
}
</style>
</head>
<body>
<div class="div1"></div>
<div class="div2">Test123</div>
</body>
</html>
第1分部{
边框：1px纯红；
颜色：红色；
宽度：200px；
高度：200px；
浮动：左；
}
第2分部{
边框：1px纯黑；
宽度：100%；
高度：200px；
浮动：左；
左边距：10px；
}
测试123
这适用于前两个要求，但当我设置宽度：100%时，它会出现在下面。如果我将它设置为一个以像素为单位的数字，它似乎可以工作，但不会随着我更改窗口的大小而调整。如何解决这个问题，使第二个元素一直向右扩展？您可以在父元素上使用
flex.div2{flex grow:1；}.div1正文{
显示器：flex；
}
.1分部{
宽度：200px；
高度：200px；
颜色：红色；
边框：1px纯红；
}
.第2分部{
边框：1px纯黑；
左边距：10px；
柔性生长：1；
}div1
div2.div2 {
width: calc(100% - 214px);
}
也就是100%减去200像素，10像素边距，4倍边框（2倍左右边框）提示1：使用两个div中的百分比加总100% 技巧2：使用“最大宽度”属性，以便第二个div不再延伸到某个点 技巧3：使用开发工具（检查），选择第二个div并增加像素宽度，直到达到页面的总宽度。尝试以下操作：
#第一组{
浮动：左；
宽度：200px；
边框：1px纯红；
最小高度：200px；
}
#第二组{
左边距：210像素；
边框：1px纯绿色；
最小高度：200px；
}
框大小：border-box