我有一个左侧边栏 <header>那是将内容向右剪切，我正试图将其取消剪切并向右向外移动。这是 html/css 学校作业的一部分，因此左侧边栏必须绝对定位。根据作业说明，我应该:
"float the main section on the left margin once the left margin has been clear of previously floated objects"
我做了clear:both为此，但它似乎没有效果。我知道 clearfix，但我认为它不适合这个。
JS Fiddle 代码
http://jsfiddle.net/bsapaka/387Qp/
在临时站点上:
最佳答案
我认为如果您只是从 #main section 中删除 margin: 15px 它看起来会很好。
这个 margin:15px 正在覆盖你的 margin-left: 21% 和你的 margin-top: 20px
我建议在开始 Web 开发时使用 google chromes Inspect Element 查看文档中哪些样式优先。 你可以按照这个谷歌教程来弄清楚如何使用这些开发工具。 Learn Dev Tools
关于html - 被绝对位置 div 裁剪的 float 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22650851/