由绝对位置div修剪的浮动元素

时间:2014-03-26 03:19:23

标签: html css

我有一个左侧边栏<header>正在将内容剪裁到右侧,我正试图解开并向右移动。这是html / css学校作业的一部分,所以左侧边栏必须是绝对的。根据作业指示,我应该:

  

“浮动主要部分   一旦左边距已经清除了先前浮动的对象,就在左边缘上“

我为此做了clear:both,但似乎没有效果。我知道clearfix,但我认为这不适合。

代码JS Fiddle

http://jsfiddle.net/bsapaka/387Qp/

并在临时网站上:

http://examplesite.comeze.com/

1 个答案:

答案 0 :(得分:0)

我认为如果您只是从margin: 15px中删除#main section,它就会很好看。 此保证金:15px将覆盖您的margin-left: 21%margin-top: 20px

我建议使用谷歌chromes Inspect Element,以便在开始进行Web开发时查看文档中哪些样式优先。 您可以按照此谷歌教程确切了解如何使用这些开发工具。 Learn Dev Tools