Я пытаюсь выровнять некоторые divs определенным образом. Чтобы помочь отладить то, что происходит, я решил добавить границы в div, чтобы исследовать, как они позиционируются. Но граница выглядит довольно странно. Вот HTML:Диски границы DIV странно
Вот CSS:
И вот результат:
Что я делаю неправильно? Благодаря!
Это не смешно (!!). У div, по-видимому, высота 0, поэтому верхняя и нижняя границы касаются друг друга, создавая забавный (??) вид.
В div, по-видимому, содержится контент, но контент, вероятно, размещен или абсолютно расположен, поэтому он не растягивает смешной (!?) Div по вертикали.
Высота была проблемой. Установка высоты разрешила проблему. Спасибо за помощь! И да, приношу извинения за размещение изображений вместо текста. И я узнал, что мог использовать jsfiddle для публикации проблемы. Еще раз спасибо! – septerr
У вас есть предложение для хорошего ресурса, чтобы узнать о divs. Они кажутся неинтуитивными с точки зрения плавающего, абсолютного/относительного позиционирования и т. Д. Спасибо! – septerr
Поведение правил CSS в HTML хорошо описано на веб-сайте [W3C] (http://www.w3.org/TR/CSS2/visuren.html); к сожалению, очень сложно переварить. Я бы предложил искать обучающие материалы для размещения CSS и макетов в Google. http://www.alistapart.com и http://www.cssjuice.com - мои личные фавориты. ИЗБЕГАЙТЕ www.w3schools.com. –
Высота один из способов сделать это, но его немного hackey, другой плавать DIV, что окружающие другие плавали дивы:
Спасибо! Мне действительно нужно понять, как работают div. Мне вообще неинтересно, почему плавание влияет на границы. – septerr
Определение: «странно». И определите: «оптимальный» –
Кажется, что div имеет ширину (может быть 100px), но не имеет высоты. Просто введите это в консоли JavaScript * на этой самой странице * и посмотрите заголовок: '$ (" h1 "). Height (0) .css (" border "," .2em dotted # 900 ");' –
Could вы вставляете HTML и CSS в виде текста вместо изображений текста? Также опубликуйте [live demo] (http://jsfiddle.net/), показывающий код в действии. –