Последние два месяца я периодически работал художником на нескольких веб-сайтах. В процессе я стал лучше понимать стандартную разработку DIV+Css. Есть две вещи, которые помогли мне больше всего: во-первых, я полностью понял блочную модель CSS, а во-вторых, я решил проблему «закрытых плавающих элементов», которая беспокоила меня долгое время:
Вообще говоря, если дочерний элемент использует float, родительский элемент не всегда может точно знать, где заканчивается дочерний элемент, поэтому нижняя граница родительского элемента всегда проходит через середину или даже верх дочернего элемента, что выглядит очень неудобно.
Сначала я добавил <br /> или <div></div> после дочернего элемента и установил для его атрибута значение «clear:all;», но для этого потребовалось бы много бесполезных тегов и даже некоторых веб-сайтов. необходимо изменить код ASP для автоматического добавления этих пустых тегов, что можно рассматривать только как последнее средство.
Позже я обнаружил, что когда родительский тег также установлен в плавающее положение, его можно закрыть в правильном положении, поэтому я легко разместил родительский тег. Таким образом, при обнаружении большого количества кода ASP не нужно изменять. необходимость добавления атрибута Clear. Если пустой тег не может быть добавлен из шаблона, но его необходимо добавить из кода ASP, нет необходимости менять код ASP. Вам нужно только установить плавающий родительский контейнер. все равно нужно изменить ASP, а затем изменить родительский контейнер. Установка родительского контейнера в плавающий и плавающий слой за слоем всегда решит проблему. Хотя это может избавить от многих проблем, но легко может привести к тому, что вся страница будет заполнена плавающими элементами. -_-!!! Это можно рассматривать только как среднюю стратегию.
Позже, когда я искал другие вещи в Интернете, я случайно нашел человека, который сказал, что простое добавление следующих двух свойств к свойствам CSS родительского контейнера решит проблему:
переполнение: авто;
_высота: 1%;
Я попробовал, и это сработало очень хорошо. Таким образом, на данный момент это следует считать лучшим способом решения этой проблемы: нет необходимости изменять задачу страницы и в принципе нет необходимости изменять родительский элемент. контейнер — даже родительский контейнер родительского контейнера. Если вы внесете какие-либо изменения, просто добавьте два безразличных атрибута в родительский контейнер, и все готово.