Css 右列从第一列底部的末尾开始

嗨，我创建的应用程序有两个div并排显示。我在网上搜索并找到了这个例子，但我不知道为什么我的右栏从左栏底部开始，而左栏底部结束。有人能告诉我怎么改正吗。我希望“rightcolumn”与“File Location”行的级别相同

我的输出：

这是我的asp页面

---

请将此添加到您的css中

* {
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

---

对不起，我不明白你的答案。我还修改了我的问题。你能告诉我怎么再做一次吗。谢谢。左栏和右栏不在同一行，因为没有空格。左列=50%+1px+1px（左和右红色边框）右列=50%+1px+1px（左和右红色边框）因此50%+50%+4px=100%+4px要解决这个问题，我们可以1。删除红色边框或2。通过将前面提到的代码添加到css文件中，将框大小属性从内容框更改为边框框。关于框大小的更多信息我删除了两个红色边框。右栏“rightcolumn”位于左栏下方，现在位于左侧。我在上面为您提供了一个工作示例（codepen）。你为什么不用它？谢谢你的帮助。我想我糟糕的英语让你感到困惑。我想输出是蓝色的，读框是一样的顶部；“右”和“左”列是所选内容下的下一行，作为示例。

  body, html { 
   margin:0px;
   padding:0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal; 
   font-weight: normal; 
   font-variant: normal; 
   text-transform: none; 
   color:#000;
   background-color:#ccc;
   background-image:url(/images/body-bkg.png);
  background-repeat:repeat-x;
}

#wrap {
  margin:auto;
  width:975px;
  border-top:10px solid #000;
  background-color:#FFFFFF; 
  height:auto;
}

a:link  { 
 text-decoration:none;
 font-weight:bold;
 color:#000;
}



#header {
  width:975px;
  height:85px;
  background-color:#333;
}



.title {
  font-size:16px;
  font-weight:bold;
}
.sub-title {
  font-size:14px;
  font-weight:bold;
}

.sub-sub-title {
  font-size:12px;
  font-weight:bold;
}
.right{
  float:right;
    }


.modified {
   margin-left:20px;
   float:left;
}

#column1-wrap {
   float: left;
   width: 100%;

}

#column1 {
    background-color: cyan;         
}

#column2 {
  background-color: lime;
  float: left;
  width: 200px;
  margin-left: -200px;
  text-align:right;
}
#clear, #Div1 {
  clear: both;
}

.left
{
  position:relative;
  background-color:Green;
}
.button {
   font-size:14px;
   font-weight:bold;
   margin-left:20px;
}
#leftcolumn { width: 50%; border: 1px solid red; float: left; background-color:Blue;}
#rightcolumn { width: 50%; border: 1px solid red; float: right}

* {
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}