Css 为什么赢了'；我的列没有正确对齐吗？_Css_Html

Css 为什么赢了'；我的列没有正确对齐吗？

css html

Css 为什么赢了'；我的列没有正确对齐吗？,css,html,Css,Html,我想在我正在制作的这个网页的底部有两列，但它们是在彼此的顶部出现的，而不是在彼此的旁边。我做错了什么以下是html： <!doctype html> <html> <head> <meta charset=utf-8"> <title>Untitled Document</title> </style> <style type="text/css"> @import url("adobeIndex.

我想在我正在制作的这个网页的底部有两列，但它们是在彼此的顶部出现的，而不是在彼此的旁边。我做错了什么

以下是html：

<!doctype html>
<html>
<head>
<meta charset=utf-8">
<title>Untitled Document</title>
</style>
<style type="text/css">
@import url("adobeIndex.css");
</style>
</head>

<body>
<div id="container">
<div id="banner">Content for  id "banner" Goes Here</div>
<div id="left-text">Content for  id "left-text" Goes Here</div>
<div id="1-left-column">Content for  id "1-left-column" Goes Here </div>
<div id="1-right-column"> Content for id "1-right-column" Goes Here</div>
</div>
</body>
</html>

不要以数字开头您的id名称，使用

左栏

和

右栏

或

一个左栏

和

一个右栏

代替

无需在标题中添加“HTML5”和“CSS”。堆栈溢出会自动在标题中添加标签。这就是它的全部内容，请参见fiddle示例。哇，我去年阅读的参考资料从未告诉我这一点。谢谢这就是令人敬畏的社区的作用，减少成长的痛苦！如果此答案对您来说足够完整，请将其标记为正确，以便社区知道它已被回答。

    @charset "utf-8";
/* CSS Document */

#container {
width:968px;
background: #00F;
margin:auto;
padding-left:10px;
padding-right:10px;
overflow:hidden;
 }

#left-text {
 width:300px;
 height:400px;
 margin-top:20px;
 margin-bottom:20px;
}

#1-left-column, #1-right-column {
width: 464px;
float: left;
}
#1-right-column {
margin-left: 20px;
}