HTML-форма вызывает нежелательную маржу (CSS)

Question

Таким образом, без формы моя нижняя панель касается конца вертикальных линий. Когда я добавляю HTML для строки поиска, это приводит к сдвигу горизонтальной линии вниз. Я не могу понять, как перенести планшет, чтобы он соответствовал другим словам. Я пробовал использовать прокладки, поля, положительные и отрицательные пиксели для перемещения панели поиска, но ничего не работает. Ниже приведены три блока, которые имеют влияние на DIV форма находится в

#search-bar {  
    top: 0px; 
} 

.topbar { 
    float: left; 
    height: 150%; 
} 

#top-bar { 
    width:1200px; 
    margin: 0 auto; 
    height: 40px; 
} 

Answer 1

Вы пробовали:.

position: fixed; 

Кроме того, если вы хотите панель поиска, чтобы быть вровень с стороны пусть , использовать

left: 0px;

В нижней части, используйте bottom: 0px;

Top: top: 0px; и т.д.

http://www.w3schools.com/cssref/pr_class_position.asp