所以我想做的是在一个网站上有三条垂直的线来分隔栏目中的图像，但是每次我离开编辑器并预览网站时，这些线的位置似乎都在改变。 我不确定这是不是因为我错过了什么或者有一个错误，所以请帮助我，我是html和css的新手:/

''''<style>
div#left{
background-color: clear;
width: 50%; height:70%;
float: left;
border-left: 1px solid white;
top: 275px;
margin-left: 400px;
position: absolute;
}
div#leftt{
background-color: clear;
width: 50%; height:70%;
float: left;
border-left: 1px solid white;
top: 275px;
margin-left: -10px;
position: absolute;
}
div#right{
background-color: clear;
width: 50%; height:70%;
float: left;
border-left: 1px solid white;
top: 275px;
margin-left: 810px;
position: absolute;
}

 

</style>



<div id="container" style="background-color: clear; width: 100%; height: 80%;">
<div id="left">
</div>
<div id="leftt">
</div>
<div id="right">
</div>
</div>''''