Проблема с позиционированием HTML / CSS

Question

У меня есть графическое представление графика, созданного с помощью изображений .png и трюка -moz-border css (div id = gholder) Я хочу, чтобы этот график был расположен там, где показано изображение, и я сделалон использует позицию CSS: абсолютные / относительные теги, но у меня возникли проблемы с использованием двух тегов.Когда я использую этот код CSS

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

Сайт показывает большое пространство ниже нижнего колонтитула, есть ли способ удалить это большое пространство при использовании относительного кода?

Answer 1

Относительное позиционирование всегда оставляет пространство, в котором элемент был изначально.Если вы используете абсолютное значение, оно должно работать правильно.

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

Вам также не нужен тег с плавающей точкой.

Если проблема заключается в том, что вы хотите, чтобы основные строки содержимого растягивались доширину обоих div, я бы создал div, который содержит и содержимое, и график, и установил бы его на определенную ширину, в котором были бы верхняя и нижняя линии.

Затем внутри этого div определяем ширинудля вашего содержимого div и разместите его, затем сделайте то же самое для графа div.

Подумайте, что имеет смысл.