Chcę wyświetlić przycisk, który zajmuje wszystkie spacje jego rodzica, który sam jest pozycją absolutną.CSS: bezwzględne umieszczenie przycisku w przeglądarce Firefox
Wygląda jednak na to, że Firefox ma błąd (wszystko działa idealnie w Chrome i Safari (Webkity), nie mogę przetestować na IE, ponieważ jestem na Macu (jeśli ktoś może przetestować i powiedzieć w komentarzu, czy to działa lub nie, byłoby naprawdę fajnie)).
Celem do osiągnięcia jest:
strefa i przycisk są ze sobą zawarte w opakowaniu, które jest absolutna ustawione.
Kod HTML jest:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.wrapper {
background-color: red;
position: absolute;
width: 100px;
height: 100px;
}
.inner {
background-color: blue;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}
</style>
</head>
<body>
<div class="wrapper" style="top: 50px; left: 50px;">
<div class="inner">div</div>
</div>
<div class="wrapper" style="top: 50px; left: 200px;">
<button class="inner">button</button>
</div>
</body>
</html>
To całkiem proste. Problemem jest to, że na Firefoksie, to czyni tak:
Jeżeli masz jakiś pomysł, dlaczego Firefox renderuje ten kod takiego i masz żadnego obejścia przy użyciu podobnych pozycjonowanie?
EDYCJA: Nie mogę (i nie chcę) ustawić szerokość i wysokość na wewnętrznym dzieckiem. Powodem jest to, że używam GWT z mechanizmami układu. Układ GWT używa elementów bottom/top/left/right do pozycjonowania i rozmiaru elementów, więc nie mogę zmienić tego zachowania. Wszystkie biegi z klasycznym div. Problem dotyczy tylko przycisku.
Have próbowałeś ustawić wyświetlanie: blok? –
Tak, przetestowałem tuż przed zapytaniem. Nie ma nic do roboty. –