我想#first左对齐#container和#second右对齐。
为此,我正在使用float: left;on#first和float: right;on #second。
然而,这会导致#first的左侧#container和#second旁边对齐。为什么会这样,我怎样才能达到我的愿望?
这就是我要的:
这就是我得到的:
这是我的代码:
<head>
<style>
#container {
width: 500px;
margin: 0 auto;
border: 1px solid #000;
}
#first {
float: left;
}
#second {
float: right:
}
</style>
</head>
<body>
<div id="container">
<div id="first">
<p>first</p>
</div>
<div id="second">
<p>second</p>
</div>
</div>
</body>Run Code Online (Sandbox Code Playgroud)