Question

我知道有很多关于此事的东西，但是我已经仔细研究了一切，我显然遗漏了一些东西，所以对我对此缺乏理解感到抱歉......：

#mainContent {
    display: block;
    width: 960;
}

#aboutColumn1501 {
width: 150px;
display: inline;
float: left;
}

#aboutColumn3301 {
width: 330px;
display: inline;
float; left;
}

#aboutColumn1502 {
width: 150px;
display: inline;
float: left;
}

#aboutColumn3302 {
width: 330px;
display: inline;
float: left;
}

<html>
<body>
<div id="mainContent">
<div id="aboutColums1501">menu</div>
<div id="aboutColums1502">image</div>
<div id="aboutColumns3301"><h2>first column</h2><p>first column blurb</p></div>
<div id="aboutColumns3302"><h2>next column</h2><p>2nd column BLURB</p></div>
</div><!-- end of #mainContent -->
<div style="clear:both"></div>
</body>
</html>

Answer 1

您的HTML和CSS中存在拼写错误。

float之后的分号：

#aboutColumn3301 {
  width: 330px;
  display: inline;
  float; left;
}

ID不一样：

<div id="aboutColums1501">
<div id="aboutColums1502">
<div id="aboutColumns3301">
<div id="aboutColumns3302">

#aboutColumn1501 {
#aboutColumn3301 {
#aboutColumn1502 {
#aboutColumn3302 {

为什么我的div显示垂直？

1 个答案: