Как я могу заставить это отказаться?

Question

http://removed.com/jquery/test.html

Играя с jQuery и при нажатии «More» в левом верхнем углу, он толкает слой «Браун». Как я могу сохранить коричневый слой устойчивым? Это происходит в Chrome, но не в Firefox.

Answer 1

Лично я бы поставил, что Fieldset в литий тот ребенок в один с дополнительной ссылкой на него. Тогда абсолютно позиционируйте это. IMO, является более аккуратным кодом, чем позиционирование его абсолютно внутри страницы, это также означает, что если вы перемещаете nav ul, вам не придется снова перемещаться по полю.

Answer 2

Попробуйте добавить некоторые Z-индексы и позиционирование:

#bag_info{ 
    ... 
position:relative; 
top: 10px; 
left: 10px; 
z-index:1; 
    } 

#more 
{ 
position:absolute; 
} 

#more_searchbox /*you'll have to name this according to the search box*/ 
{ 
z-index:2; 
position:relative; 
top: 10px; 
left; 10px; /*px values that work*/ 
} 

Это могло бы исправить это :)

Кроме того, вам может понадобиться целевой Chrome самостоятельно как FF работает, используйте эту CSS Browser selector и поставьте .webkit перед CSS, который вы хотите использовать для Chrome.

Answer 3

Может быть, устанавливая CSS

form { 
    margin : 0; 
    padding : 0; 
} 

Надеется, что это помогает.

Answer 4

Это толчок вниз, потому что div#header_link расширяет форму, так как ее в обычном потоке страницы. Используйте position: absolute для fieldset, чтобы вынуть его из потока.

Кроме того, предполагается, что fieldset находится внутри form, а не наоборот.

Примечание: Подчеркивание не юридический характер для CSS-идентификатора, используйте дефис вместо