Question

如何通过CSS浮动页面左侧的内容？我在CSS中试过这个..

 .body { 
      float: left;
      }

但它不起作用。只有当我添加下面写的方法时才有效..

.html, body {
float: left;
}

但我不想移动整个页面，只留下身体内容。我错过了什么或者我会说，我做错了什么？

Answer 1

只要你有一个类body的元素，这应该可行。

＆＃13;

.body { 
  float: left;
} 

div {
  margin: 1em;
  padding: 1em;
  overflow: auto;
}

＆＃13;

<div style="background-color: red;">
  <div style="background-color: yellow;" class="body">
    this is .body
  </div>
  
  text
  text
</div>

＆＃13;

Answer 2

通过使用您的代码，您告诉您的浏览器选择所有标签与＃34; body＆＃34;

您实际上要做的是选择body标签本身，这样您的css应如下所示：

body{
CSS CODE HERE
}

＆＃34;＃＆＃34;某事{} =标有ID为＆＃34; Something＆＃34;

＆＃34;。＆＃34;某些东西{} =标记为＆＃34; Something＆＃34;

＆＃34;＆＃34;某事{} =标签本身＆＃34;某事＆＃34; （例如：身体）

编辑：ID的示例

HTML文档：

<html>
<head></head>
<body>
<table id="myIDExample">
</table>
</body>
</html>

CSS文档：

body{
float:right;
}

#myIDExample{
padding-left:100px;
}