基本上，我正在try 将两个元素，特别是<div>个元素浮动到左侧，将宽度设置为60%和40%，以匹配网站的<div>%宽度.
但同样的问题总是会发生，40%的<div>¬ just go below the 60% `.我不知道我是做错了什么还是做错了什么.
以下是我的代码:
/* General Styles Preset */
* {
box-sizing: border-box;
margin: 0;
}
/* Boxes and containers styles */
div.boxcontainer {
overflow: hidden;
width: 100%;
}
.boxone {
float: left;
width: 60%;
height: 300px;
margin: 10px;
background-color: aquamarine;
}
.boxtwo {
float: left;
width: 40%;
height: 300px;
margin: 10px;
background-color: cadetblue;
}<div class="container">
<div class="boxone"></div>
<div class="boxtwo"></div>
</div>代码应该做的是，从左到右放置两个div，两者的比例都是60/40，以填充容器的100%宽度.此外，代码在div的4个边上设置了10px的边距，以保持页面边框之间和div之间的空间.
但事实证明，每次我try 实现上面描述的内容时，"lockTwo"div都被放在"lockone"div之下，这是当前的HTML流所期望的，因为两者都是块.但在这种情况下，即使我将它们浮动并以百分比设置边距和大小，同样的事情也会发生.
What I've tried:个
- 没有设定利润，但这并没有给我带来我想要的结果.
- 使用边距作为百分比加起来达到100%，但这只会在边框和框之间造成不均匀的间距.
- 在YouTube、AI(ChatGPT)和现在的Stack Overflow上寻找一些答案，但我还没有找到解决方案.
Result of the code in this post:
个
我希望这两个块并排，以正确的比例，并留出空白处，我的意思是，之间的空间.
现在，我知道有更简单和有效的方法来做到这一点，如CSS Flexbox或CSS Grid，但就我正在学习的课程而言，我希望能够解决我所面临的这个问题.我希望我能够很好地解释问题、结果和一切.谢谢!