浮动元素被绝对位置div裁剪

萨帕卡

我有一个左侧边栏<header>,它将内容剪切到右侧,我试图将其剪切并向外移动到右侧。这是html / css学校作业的一部分,因此左侧边栏必须绝对放置。按照作业说明,我应该:

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

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

代码JS Fiddle

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

在临时站点上:

http://examplesite.comeze.com/

周杰伦

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

我建议您使用google chromes Inspect Element来查看开始进行Web开发时文档中优先使用的样式。您可以按照此Google教程来弄清楚如何使用这些开发工具。学习开发工具

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

谁是这个绝对位置元素的参考:浮动父母或绝对祖父母?

来自分类Dev

结合浮动和绝对位置

来自分类Dev

结合浮动和绝对位置

来自分类Dev

绝对位置图像上方的浮动文本

来自分类Dev

查询元素的绝对位置

来自分类Dev

居中div绝对位置?

来自分类Dev

位置元素内部绝对位置

来自分类Dev

绝对位置的div与相对位置的div不重叠

来自分类Dev

在绝对位置的div中滚动div

来自分类Dev

Elm-元素的绝对位置

来自分类Dev

表单元素的绝对位置被忽略

来自分类Dev

对齐元素中心,保持绝对位置

来自分类Dev

绝对位置元素未显示

来自分类Dev

Elm-元素的绝对位置

来自分类Dev

垂直居中,绝对位置,多个元素

来自分类Dev

绝对位置元素上的高度100%

来自分类Dev

HTML:了解居中的Div的绝对位置

来自分类Dev

在绝对位置的div中截断文本

来自分类Dev

JavaScript获取div的绝对位置

来自分类Dev

需要居中div绝对位置

来自分类Dev

HTML:了解居中的Div的绝对位置

来自分类Dev

单击旁边的绝对位置弹出 div

来自分类Dev

基于绝对位置元素的中心移动绝对位置元素

来自分类Dev

固定位置元素位于绝对位置元素内

来自分类Dev

固定位置元素位于绝对位置元素内

来自分类Dev

父亲相对位置和浮动左子绝对位置

来自分类Dev

如何在可滚动的div元素内使用CSS绝对位置

来自分类Dev

将div底部的元素与动态边框对齐(绝对位置+边距)

来自分类Dev

为什么z-index不适用于具有绝对位置的div元素