Javascript-форум - События и margin

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - События и margin (https://javascript.ru/forum/dom-window/30588-sobytiya-i-margin.html)

События и margin

<div id="field1">
....
   <div id="component">
        <div  onclick="f1();"></div>
        <div style="marign-bottom:-30px;" onclick="f2();"></div>
   </div>
</div>
<div id="field2">
....
</div>

Событие f2(); не срабатывает из-за того, что кнопка как бы выходит за родительский компанент. Можно как-то исправить? Чужой проект, не хочется верстку переделывать целиком. #component - выводится из функции, так что разбить его нельзя.

Цитата:

Сообщение от АлексТраст

Событие f2(); не срабатывает из-за того, что кнопка как бы выходит за родительский компанент.

нет потому что div пустой напишите

<div style="marign-bottom:-30px;" onclick="f2();">tratata</div>

<div id="field1">
....
   <div id="component">
        <div  onclick="f1();"></div>
        <div style="position:relative;z-index:100;marign-bottom:-30px;" onclick="f2();">Х</div>
   </div>
</div>
<div id="field2">
....
</div>

Deff, спасибо, в который раз в точку) Постоянно забываю про

position: relative;