影响其他html页面元素的表单

我对标题中所说的形式有问题。 这里有一些照片

在这张图片中，您可以看到在添加表单标签之前页面的外观

当我在页面代码中的任意位置添加时，就会发生这种情况。 谁能告诉我，为什么会这样？ 很抱歉没有提供CSS代码，但我只是不想把它全部放在这里。那个里并没有什么重要的东西，它的位置都是固定的，然后向左浮动。就这些

#导航{
高度：50px；
宽度：100%；
位置：固定；
颜色：#e7e7e7；
}
#导航部分{
背景色：#171717；
边框底部：2个实心#a00706；
高度：48px；
不透明度：0.8；
过滤器：α（不透明度=80）；
浮动：左；
}
#导航。首先{
背景：url（'img/mini-ts.png'）无重复中心；
背景色：#171717；
宽度：150px；
右边距：20px；
}
#导航，第二{
宽度：580px；
右边距：20px；
字体大小：14px；
}
#菜单{
左侧填充：20px；
右边填充：20px；
高度：48px；
}
#菜单ul{
浮动：左；
}
#菜单里{
列表样式类型：无；
浮动：左；
宽度：90px；
高度：32px；
文本对齐：居中；
填充顶部：16px；
-webkit过渡：背景1.5s轻松；
-moz过渡：背景1.5s轻松；
-ms过渡：背景1.5s轻松；
-o-过渡：背景1.5s轻松；
过渡：背景1.5s轻松；
}
#菜单li：悬停{
-webkit过渡：背景1.5s轻松；
-moz过渡：背景1.5s轻松；
-ms过渡：背景1.5s轻松；
-o-过渡：背景1.5s轻松；
过渡：背景1.5s轻松；
背景色：#2f；
}
#导航。第三{
宽度：230px；
}
#搜寻{
背景色：#000000；
高度：38px；
边缘顶部：5px；
边缘底部：5px；
宽度：220px；
左边距：5px；
右边距：5px；
溢出：隐藏；
}

我用

而不是

进行水平导航。

如果没有cssTry来删除html和css中出现的所有“不必要的”错误，则无法回答。这可能有助于我们排除故障（这样做可能会发现问题）。我会尝试添加部分css。添加了css和html（部分）