Jak mogę uczynić dziecko div szerokością rodzica div, gdy dziecko ma pozycję: bezwzględne i jakieś dopełnienie?
Oto przykład. Chcę, żeby dziecko nie przekroczyło rodzica.
Odpowiedzi:
0 dla odpowiedzi № 1Jeśli ręcznie ustawisz górną / lewą / prawą / dolną, bez wyraźnego ustawiania szerokości, zostanie ona rozszerzona na rodzica. Ustawiłem to na 12px
dla wszystkich, co daje efekt wypełnienia
Zanotuj position:relative;
na rodzica, w przeciwnym razie dziecko będzie absolutne dla rodzica rodzica i tak dalej.
Ma to niestety konsekwencje. Jeden, o którym już wiesz, rodzic nie rozwinął się, by pasował do dziecka.
Poza tym przyszło mi do głowy, że może tychciał zamiast tego wyściełanie dziecka? Możesz to zrobić w porządku, ale uprzedzaj, że biorąc pod uwagę powyższe ograniczenie, rodzic wygrał „niekoniecznie objęcie dziecka zbyt dużą pionową wyściółką.
0 dla odpowiedzi nr 2
Dodaj position:relative
do rodzica, aby dziecko używało go do względnych rozmiarów, a nie do strony. Następnie dodaj left:0px;right:0px;
dziecku i usuń szerokość, aby sama go obliczyła.
lubię to: http://jsfiddle.net/usv9R/10/