Html 向右浮动使其他所有东西向左移动?

Html 向右浮动使其他所有东西向左移动?,html,css,Html,Css,我正试图通过添加一个表格来完成我的一个项目,该表格将在酒店标志的右侧浮动,但当我进入时-浮动:对;-它基本上把酒店的标志移到了左边,这也是我不想要的。我试过-位置:绝对;-但是也没有运气!请找到我所有作品的链接,感谢所有回答的人 #主体{ 宽度:1000px; 右边距:自动; 左边距:自动; } #顶杆{ 边框顶部宽度:3em; 边框顶部样式:实心; 边框顶部颜色:#21334b; 边际上限:0; 左边距:0; 右边距:0; 边框底宽:3em; 边框底部样式:实心; 边框底色:#21334b

我正试图通过添加一个表格来完成我的一个项目,该表格将在酒店标志的右侧浮动,但当我进入时-浮动:对;-它基本上把酒店的标志移到了左边,这也是我不想要的。我试过-位置:绝对;-但是也没有运气!请找到我所有作品的链接,感谢所有回答的人

#主体{
宽度:1000px;
右边距:自动;
左边距:自动;
}
#顶杆{
边框顶部宽度:3em;
边框顶部样式:实心;
边框顶部颜色:#21334b;
边际上限:0;
左边距:0;
右边距:0;
边框底宽:3em;
边框底部样式:实心;
边框底色:#21334b;
页边距底部:0;
左边距:0;
右边距:0;
}
#标志{
垫面:1米;
垫底:1米;
文本对齐:居中;
}
#导航台{
显示:块;
宽度:1000px;
颜色:#21334b;
字体系列:tahoma;
字号:1em;
文本对齐:居中;
填充顶部:0;
垫底:-10px;
边框底宽:1px;
边框底部样式:实心;
边框底色:#D8D8D8;
边框顶部宽度:1px;
边框顶部样式:实心;
边框顶部颜色:#D8D8D8;
}
#导航机器人{
显示:块;
宽度:1000px;
右边距:自动;
左边距:自动;
颜色:#D8D8D8;
字体系列:tahoma;
字体大小:12px;
文本对齐:居中;
边缘底部:-40px;
}
李{
文本对齐:居中;
显示:内联;
列表样式类型:无;
填充顶部:0;
填充底部:0;
左侧填充:14px;
右边填充:14px;
左边框宽度:1px;
左边框样式:实心;
左边框颜色:#D8D8D8;
}
#横幅{
位置:相对位置;
垫面:1.75em;
}
#横幅{
位置:绝对位置;
z指数:1;
}
#活动横幅{
z指数:3;
}
.头衔{
字体大小:30px;
颜色:#21334b;
左侧填充:150px;
边缘顶端:9em;
}
.头{
字体大小:22px;
颜色:#a5945d;
边框底宽:1px;
边框底部样式:实心;
边框底色:#D8D8D8;
左边距:150像素;
}
.文本{
颜色:#21334b;
字体系列:tahoma;
字体大小:15px;
文本对齐:左对齐;
左侧填充:150px;
垫底:1.5em;
}
#左上角{
位置:绝对位置;
浮动:左;
}
#左上img{
垫面:3em;
左:3em;
}
#右上角{
浮动:对;
}
#右上img{
位置:相对位置;
垫面:3em;
右侧填充:4em;
}

登记入住

  • 酒店
  • 房间
  • 进餐
  • 时事通讯
  • 图库
$(文档).ready(函数(){ setInterval(函数(){ var active=$(“#banners.active”); var-next; if(active.next().length>0){ 下一步=活动。下一步(); }否则{ next=$(“#横幅img:first”); } css('z-index','2'); 活动。淡出(1500,函数(){ active.css('z-index','1').show().removeClass('active'); css('z-index','3').addClass('active'); }); }, 5000); });

酒店

位于基拉尼市中心的家庭经营酒店

坐落在基拉尼下湖莱恩湖上,湖畔酒店享有最壮丽的环境,真正独特的背景是群山、岛屿、林地和12世纪的麦卡锡Mó;城堡废墟。 湖畔酒店是一家四星级酒店,由Huggard家族经营,自1820年以来一直欢迎客人,因此爱尔兰热情好客的悠久传统等待着所有游客。

在优雅的餐厅Castlelough餐厅醒来享用早餐。观察野鹿在草坪上漫步,在湖边的小酒馆里喝着早晨的咖啡放松身心 吸收湖泊带来的和平与安宁。沿着通往古堡遗址的小径漫步,周围空气清新,风景优美,几个世纪以来游客都对其赞不绝口。作为 光线渐暗,颜色变化,在品尝爱尔兰美食之前,先在魔鬼杯酒吧享用开胃酒,然后再思考世界这一地区丰富的自然美景

  • 酒店
  • 房间
  • 进餐
  • 时事通讯
  • 图库

消除表单和行车顾问图像中留下的填充:)

最快的解决方案是添加:

#logo {
    margin-left: 250px;
}

但是我认为你应该将左上角、logo和form块分组到另一个div中,然后更新css。问题是位置是绝对的,如果你将#左上角的位置设置为相对的,logo就会找到正确的位置来保持它自己! 所以只要改变这个:

#topleft
    {
        position:absolute;
        float:left;
    }
致:


我们没有看到外部链接,虽然你有rar文件,我们会提取并查看问题。一定要在你的问题中张贴相关代码。欢迎来到SO!谢谢@Bhojendra-C-LinkNepal!但由于某种原因,它不允许我在问题中发布代码,不断要求我缩进代码,但当我这样做时,它仍然不允许我发布代码。-Pastebin链接-感谢您的回答!我去掉了tripadvisor图像上的空白,但表单上没有空白,因此无法修复该问题!还有其他建议吗?表单有一个类。text带有以下css:
。text{color:#21334b;字体系列:tahoma;字体大小:15px;文本对齐:左;左填充:150px;底部填充:1.5em;}
。那个填充物正是使标志移动的原因。我已经试过了
#topleft
        {
            position:relative;
            float:left;
        }