Html 如何勾勒div标签的轮廓？_Html_Css

Html 如何勾勒div标签的轮廓？

html css

Html 如何勾勒div标签的轮廓？,html,css,Html,Css,我试图勾勒出div标签的轮廓。我使用了边框：0.01em纯黑，但它不合适。下面是我的脚本 <html> <body> <div id="color" style="width:100%; height:500px; background:gray;"> <div style="width:50%; height:500px; background:yellow; float:left;"></div> <div style="

我试图勾勒出div标签的轮廓。我使用了

边框：0.01em纯黑

，但它不合适。下面是我的脚本

<html>
<body>
<div id="color" style="width:100%; height:500px; background:gray;">
<div style="width:50%; height:500px; background:yellow;  float:left;"></div>
<div style="width:50%; height:500px; background:blue; float:left;">    </div>
</div>
<div id="border" style="width:100%; height:500px; background:gray;">
<div style="width:50%; height:500px; border:0.01em solid black;  float:left;"></div>
<div style="width:50%; height:500px; border:0.01em solid black; float:left;"></div>
</div>
</body>
</html>

div id=color

标记的等分适合100%宽度

但是

div id=border

标记的相等分割不适合100% 因为我在seprate

div

标签中添加了

border

，所以大小增加了50%+0.01em

原因

div id=border

tag的sub-div标记不适合100%，因此第二个子div标记从100%下降

所以我想概述一下 div标签没有边框吗？我怎么做？但我想减半，我不减价。

试试看

<div style="border-style: solid;border-width: medium;  float:left;width:50%; height:500px;"></div>

在标准长方体模型下，将填充和边框添加到任何定义的宽度

如果将框大小设置为

边框框

，则声明的宽度将包括任何填充和边框
它通常被视为通用选择器的一部分：

*{ -webkit框大小：边框框； -moz框大小：边框框；框大小：边框框； }

请尝试以下代码：

<div id="color" style="width:100%; height:500px; background:gray;border:medium solid"> <div style="border-right: medium solid; float:left;width:50%; height:500px;"></div>

这应该适用于您的案例。
这实际上是
大纲
属性的目的：

<div id="border" style="width:100%; height:500px; background:gray;"> <div style="width:50%; height:500px; outline:0.01em solid black; float:left;"></div> <div style="width:50%; height:500px; outline:0.01em solid black; float:left;"></div> </div>

如果你给border，那么它将需要额外的费用，而不是50%的费用，因此div将下降。@MihirBhatt-Hmm好的。这就是我需要勾勒div标签的原因？如果你想给border，那么你需要从那50%减少。@MihirBhatt我不能减少我的div标签宽度。实现它的任何其他选项。取一个div，每个div内有50%宽度的边框。你能检查你的答案吗？这些也给出了同样的结果result@BlueLeaf我想将两个50%宽度的子div标签放入100%div中。@BlueLeaf如果两个div都是50%，那么它将不适合相邻的div。是的，我检查过了<代码>这不可行是的，你必须将两个div定义为49%，或者一个50，另一个48%。您还可以使用bootstrap并将它们等分为干净和简单。