Css 定位元素以突破div

Css 定位元素以突破div,css,html,positioning,css-position,Css,Html,Positioning,Css Position,我这里有一个客户itus的案例。客户在抱怨,我的老板要求我在看到的横幅广告上方的“档案”选项卡下方添加一个徽标,这将打破我设置的结构。我们离发布还有两天,我有两个选择,要么从其他工作中抽出宝贵的时间来重新调整布局,要么找到一种方法来定位该徽标,而不必与div合作。我理解HTML和基本的CSS,所以我想在艰难地解决这个问题之前,我会看看是否能找到更好的解决方案。谢谢你的帮助!当前页面可在以下位置查看: (为了清楚起见,我想做的是在右边添加一个大的圆形徽标,上面写着“Scolari Engineer

我这里有一个客户itus的案例。客户在抱怨,我的老板要求我在看到的横幅广告上方的“档案”选项卡下方添加一个徽标,这将打破我设置的结构。我们离发布还有两天,我有两个选择,要么从其他工作中抽出宝贵的时间来重新调整布局,要么找到一种方法来定位该徽标,而不必与div合作。我理解HTML和基本的CSS,所以我想在艰难地解决这个问题之前,我会看看是否能找到更好的解决方案。谢谢你的帮助!当前页面可在以下位置查看:


(为了清楚起见,我想做的是在右边添加一个大的圆形徽标,上面写着“Scolari Engineering”,而不必重写CSS和更改标题的整个结构。)

只需在菜单横幅div中的achor末尾添加您的图像(徽标),并在CSS中定位:绝对右侧:0px顶部:0px。根据需要调整位置。

只需将您的图像(徽标)添加到菜单横幅div的achor末尾,并在css中为其定位:绝对右:0px顶部:0px。根据需要调整位置。

看起来很容易做到。。。但是圆形标志应该放在HTML的什么地方呢?它应该像链接一样可以点击吗?还有,你的商标已经做过了吗?链接徽标会有很大帮助。是的,徽标应该像链接一样可以点击,因为它会覆盖在横幅广告上,就像它是其中的一部分一样。这是上传的徽标(虽然我还没有调整它的大小,但在页面中它将是100x100)。看起来很容易做到。。。但是圆形标志应该放在HTML的什么地方呢?它应该像链接一样可以点击吗?还有,你的商标已经做过了吗?链接徽标会有很大帮助。是的,徽标应该像链接一样可以点击,因为它会覆盖在横幅广告上,就像它是其中的一部分一样。这是上传的徽标(我还没有调整它的大小,但它在页面中的大小将为100x100。)如果调整页面大小,它会导致问题。@vdbuilder-gah!不,不,不。。。只需给出父元素(如菜单横幅)位置:相对,实际图像位置:绝对。。。定位绝对不是一个好办法。D:@Joseph为什么?他要求找到一种方法来做到这一点,“而不必与divs纠缠在一起”。@Joseph到达了那里!使用您的建议,现在的标志是如何表现我希望它,但它目前坐在下面的旗帜。我是否应该将其包装在另一个div中以正确定位?@vdbuilder,因为这样做不好。这可能是最不易维护的方式,它也会遇到滚动问题(即使在文本上,它也会一直停留在那个位置)。你第一次做对了。它在调整大小时出现问题的原因是它将窗口视为父窗口。如果您只是简单地使菜单横幅位置:相对,您仍然可以使用位置:绝对。这是你回答中第一个概念的唯一问题。另外,使用position:absolute在HTML中不改变div。您只需在其中添加一个样式规则。但如果调整页面大小,则会导致问题。@vdbuilder-gah!不,不,不。。。只需给出父元素(如菜单横幅)位置:相对,实际图像位置:绝对。。。定位绝对不是一个好办法。D:@Joseph为什么?他要求找到一种方法来做到这一点,“而不必与divs纠缠在一起”。@Joseph到达了那里!使用您的建议,现在的标志是如何表现我希望它,但它目前坐在下面的旗帜。我是否应该将其包装在另一个div中以正确定位?@vdbuilder,因为这样做不好。这可能是最不易维护的方式,它也会遇到滚动问题(即使在文本上,它也会一直停留在那个位置)。你第一次做对了。它在调整大小时出现问题的原因是它将窗口视为父窗口。如果您只是简单地使菜单横幅位置:相对,您仍然可以使用位置:绝对。这是你回答中第一个概念的唯一问题。另外,使用position:absolute在HTML中不改变div。您只需在其中添加一个样式规则。