Html 浮动：右下移动其他div

我在另一个div（

.contactquestion

）的内部有一个div（

.body

），它试图

浮动：右

，但当我将

浮动：右

放在

上时，它会将
导航
类（图片中的标题）向下移动大约100px。我完全不知道为什么。这是我的大部分HTML，但不是所有CSS。如果你需要更多，我很乐意提供

float属性通常会这样做吗？任何帮助都将不胜感激

编辑：这里有一把小提琴。除非你伸展它，否则中心区域会有点混乱，但目前这并不重要

下面是问题的图片：



.body{
宽度：60%；
顶部：100px；
位置：相对位置；
保证金：0自动；
身高：100%；
背景色：#444；
颜色：白色；
}
.商业查询{
浮动：左；
宽度：45%；
边框：1px纯黑；
左边距：25px；
}
.联络问题{
宽度：45%；
背景色：#444；
填充物：5px；
不透明度：.9；
边缘底部：50px；
边框：1px纯黑；
浮动：对；
右边距：25px；
}







业务查询


一般问题和询问
您是否尝试添加
ul{margin:0}
到您的css样式表？我认为这与浮动无关

在.body类中有
top:100px
，也应该删除它

顺便说一句，您提供的小提琴没有显示任何错误。
您尝试添加了吗
ul{margin:0}
到您的css样式表？我认为这与浮动无关

在.body类中有
top:100px
，也应该删除它

顺便说一句，您提供的Fiddle实际上没有显示任何错误。
需要添加
.fixit
类以重置浮动div的位置（
.businessinquiry
，
.contactquestion
）并删除
边距顶部：75px
关闭
.social


.fixit:after{可见性：隐藏；显示：块；字体大小：0；内容：；清除：.req-a-quote输入[type=“submit”]两者；高度：0；}
.fixit{显示：内联块；清除：两者；}
*html.fixit{height:1%；}
.fixit{display:block；}
身体{
保证金：0；
填充：0；
背景图片：url（“../pics/nature.png”）；
背景大小：150%；
字体系列：“Lato”，无衬线；
}
.导航{
不透明度：.9；
}
美国海军{
列表样式：无；
背景色：#444；
浮动：左；
填充：0；
保证金：0；
宽度：100%；
}
李国荣先生{
字体系列：“Lato”，无衬线；
线高：40px；
高度：40px；
边框底部：1px实心#888；
文本对齐：居中；
}
.导航a{
文字装饰：无；
颜色：#fff；
显示：块；
过渡色：.3s背景色；
}
.导航a:悬停{
背景色：#005f5f；
}
.导航a.激活{
背景色：#EFEF；
颜色：#444；
游标：默认值；
}
img{
垂直对齐：底部对齐；
}
@媒体屏幕和屏幕（最小宽度：600px）{
李国荣先生{
宽度：120px；
边框底部：无；
高度：50px；
线高：50px；
字号：1.5em；
}
/*选项1-内联显示*/
李国荣先生{
显示：内联块；
右边距：-4px；
}
}
/*居中*/
.身体{
宽度：60%；
顶部：100px；
位置：相对位置；
保证金：0自动；
身高：100%；
背景色：#444；
颜色：白色；
}
.商业查询{
浮动：左；
宽度：45%；
边框：1px纯黑；
左边距：25px；
}
.联络问题{
宽度：45%；
背景色：#444；
填充物：5px；
不透明度：.9；
边缘底部：50px；
边框：1px纯黑；
右边距：25px；
浮动：对；
}
/*将表格放在页面中央*/
形式{
保证金：0自动；
文本对齐：居中；
}
/*设置文本框的样式*/
输入，文本区{
高度：30px；
背景：#444；
边框：1px纯白；
填充：10px；
字体大小：1.2米；
颜色：白色；
字体系列：“Lato”，无衬线；
}
输入：焦点，文本区域：焦点{
边框：1px纯白；
颜色：白色；
}
#提交{
高度：50px；
光标：指针；
过渡色：.3s背景色；
宽度：9em；
浮动：对；
右边距：72px；
边缘顶部：6px；
边缘底部：22px；
}
#提交：悬停{
背景色：#005f5f；
}
.info[name=“name”]{
宽度：8em；
右边距：8px；
边缘顶部：22px；
}
.info[name='email']{
宽度：8em；
左边距：8px；
边缘顶部：22px；
}
.留言{
宽度：350px；
边缘顶部：16px；
边缘底部：16px；
高度：100px；
字号：1em；
}
.文字{
文本对齐：对齐；
颜色：#efefef；
左边距：24px；
右边距：24px；
}
.社会{
填充：20px；
文本对齐：居中；
}
.社会img{
利润率：75px；
不透明度：.9；
尺寸：25px；
}







业务查询
有兴趣一起工作吗？请在下面的简单表格中填写更多关于您项目的信息，我会与您联系

不要害怕向我们坦白你的时间表和预算。我们对我们的价格是直言不讳的，事先知道我们如何才能最好地帮助您，这对以后的工作会有很大帮助

一般问题和询问
需要添加
.fixit
类来重置浮动div的位置（
.businessinquiry
，
.contactquestion
）并移除
页边距顶部：75px
关闭
.social


.fixit:after{visi
  padding: 20px;
  text-align: center;
  margin-top: 75px;
}