Html 如何在css中管理textarea右侧溢出？

我必须在两个不同的

s中创建两个

s，并且都必须在一行中。在所有类型的屏幕中，两个

都必须占据100%的宽度（各占50%）

但是，当我尝试第二个

时，右边溢出，甚至我也无法管理

的右边距（CSS）。如何避免

的右溢出

.container{
背景颜色：浅蓝色；
边框：5px纯黑；
最小高度：500px；
}
文本区{
宽度：100%；
身高：100%；
边界：3px无#中交；
保证金：10px 10px 10px 10px；
边框：1px纯黑；
}
.左{
浮动：左；
宽度：50%；
}
.对{
浮动：左；
宽度：50%；
}

左边
正确的

注意页边空白处改为

textarea

。那就够了

.container{
背景颜色：浅蓝色；
边框：5px纯黑；
最小高度：500px；
}
文本区{
宽度：100%；
身高：100%；
边界：3px无#中交；
保证金：10px 0px 10px 0px；
边框：1px纯黑；
}
.左{
浮动：左；
宽度：50%；
}
.对{
浮动：左；
宽度：50%；
}

左边
正确的

您必须从

文本区域

中删除

边距

，因为

边距

是从元素的外部宽度计算出来的，您可以使用

填充

来代替

.conatiner

并添加一个

框大小调整

属性，以从计算宽度中删除边框宽度

html，主体，.container{
身高：100%；
保证金：0；
}
.容器{
背景颜色：浅蓝色；
边框：5px纯黑；
填充：10px；
显示：表格；
宽度：100%；
框大小：边框框；
} 
text区域{
宽度：100%；
身高：100%；
边界：3px无#中交；
边框：1px纯黑；
框大小：边框框；
} 
.左{
显示：表格单元格；
宽度：50%；
身高：100%；
} 
.对{
显示：表格单元格；
宽度：50%；
身高：100%；
}

左边
正确的

删除页边距。因为您为每个左文本区域和右文本区域分配了50%。所以你的总宽度是100%+10px；所以它会在x轴上溢出

textarea {
width: 100%;
height: 100%;
border: 3px none #cccccc;
border: 1px solid black;
}

---

删除文本区域的边距，因为边距是从元素的外部宽度计算出来的，并显示：table；到集装箱。

你能把代码寄出去吗？堆栈代码段或更可取。如果您想留出空白，请编辑您的问题并在其中添加代码，而不是不可读的注释。然后用百分比表示，比如说2%，两个文本区域的宽度都是49%。它很好用，现在我怎样才能给两个文本区域都提供100%的高度？@mahi现在检查我的答案，注意左右两个部分的变化。工作很好，现在告诉我如何存档100%高度？现在是100%高度。。检查答案中的新编辑。我希望所有屏幕都有100%的高度。使用最小高度的Ur代码：500px；在容器中，plz移除最小高度：500px；并通过%basisHow创建它我可以存档100%高度吗？html，body.container{height:100%；margin:0；}