Problem z pozycjonowaniem HTML / CSS - html, css, positioning, relative, absolute

Mam reprezentację graficzną wykresu utworzonego za pomocą obrazów .png i sztuczki css -moz-border (div id = gholder) Chcę, aby ten wykres był ustawiony tak, jak pokazuje obraz, i zrobiłem to za pomocą pozycji css: znaczniki bezwzględne / względne, ale mam problem z użyciem dwóch znaczników. Kiedy używam tego kodu css

#gholder {
float: left;
bottom: 460px;
left: 60%;
position: relative;
}

Witryna pokazuje dużą przestrzeń pod stopką, czy istnieje sposób na usunięcie tej dużej przestrzeni podczas używania względnego kodu?

Odpowiedzi:

Względne pozycjonowanie zawsze pozostawia przestrzeń, w której element był pierwotnie. Jeśli używasz bezwzględnego, to powinno działać poprawnie.

`#gholder { bottom: 460px; left: 60%; position: absolute;}`

Nie potrzebujesz również tagu pływaka.

Jeśli problem polega na tym, że chcesz głównej treścilinie div, które rozciągają się do szerokości obu div, tworzę div, który zawiera zarówno treść, jak i wykres, i ustawi go na zdefiniowaną szerokość i ma w nim górną i dolną linię.

Następnie wewnątrz tego div zdefiniuj szerokość div treści i umieść go, a następnie zrób to samo dla div div.

Pomyśl, że to ma sens.