Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.02.2017, 20:39
Аспирант
Отправить личное сообщение для Aqua77 Посмотреть профиль Найти все сообщения от Aqua77
 
Регистрация: 18.01.2017
Сообщений: 40

Решение проблем со схлопыванием
Внутренний абзац применяет внешнее поле в 150px. при этом он смещается вместе со своим предком https://jsfiddle.net/45bz4zq7/. Как избежать это, не применяя внутреннего поля родителю, и без присваивания границ? Какой метод наиболее верный в таких ситуациях?
Ответить с цитированием
  #2 (permalink)  
Старый 06.02.2017, 21:04
Аспирант
Отправить личное сообщение для TestUser013 Посмотреть профиль Найти все сообщения от TestUser013
 
Регистрация: 13.07.2013
Сообщений: 94

Для p тогда надо поставить display: inline-block;
Цитата:
Строчные элементы являются потомками блочных элементов. Они игнорируют верхние и нижние margin и padding, но если для элемента задан фон, он будет распространяться на верхний и нижний padding, заходя на соседние строки текста.
Рекомендую к прочтению: https://html5book.ru/block-inline-elements/
Особенно про схлопывание
Ответить с цитированием
  #3 (permalink)  
Старый 12.02.2017, 16:42
Аспирант
Отправить личное сообщение для Aqua77 Посмотреть профиль Найти все сообщения от Aqua77
 
Регистрация: 18.01.2017
Сообщений: 40

Сообщение от TestUser013 Посмотреть сообщение
Для p тогда надо поставить display: inline-block;


Рекомендую к прочтению: https://html5book.ru/block-inline-elements/
Особенно про схлопывание
Спасибо, но, я на данном сайте прочитал следующее "Блочные элементы могут содержать как строчные, так и блочные элементы, но не оба типа элементов сразу." Это как понимать? может статья устаревшая ?
Ответить с цитированием
  #4 (permalink)  
Старый 12.02.2017, 22:54
Аспирант
Отправить личное сообщение для TestUser013 Посмотреть профиль Найти все сообщения от TestUser013
 
Регистрация: 13.07.2013
Сообщений: 94

Нет, статья не устаревшая. Согласно спецификации нельзя комбинировать блочные и строчные элементы внутри одного блока. Если же вы в блочный элемент впихнете и блочный и строчный элементы (не путать оба с inline-block), тогда браузеры прорисуют их по собственному желанию (этот момент спецификацией не регламентируется).
Ответить с цитированием
  #5 (permalink)  
Старый 12.02.2017, 23:11
Аспирант
Отправить личное сообщение для Aqua77 Посмотреть профиль Найти все сообщения от Aqua77
 
Регистрация: 18.01.2017
Сообщений: 40

Сообщение от TestUser013 Посмотреть сообщение
Нет, статья не устаревшая. Согласно спецификации нельзя комбинировать блочные и строчные элементы внутри одного блока. Если же вы в блочный элемент впихнете и блочный и строчный элементы (не путать оба с inline-block), тогда браузеры прорисуют их по собственному желанию (этот момент спецификацией не регламентируется).
Т.е. так делать нельзя https://jsfiddle.net/toe0nkwc/? А какие последствия? В том что разные браузеры по разному их отобразят?
Ответить с цитированием
  #6 (permalink)  
Старый 13.02.2017, 19:12
Аспирант
Отправить личное сообщение для TestUser013 Посмотреть профиль Найти все сообщения от TestUser013
 
Регистрация: 13.07.2013
Сообщений: 94

Вы хотите пообсуждать спецификацию?
Я не знаю о последствиях, я только знаю что желательно все делать по правилам.

Прочтите, там доступно все описано. В пункте 3.2.4.1 есть красивая схемка, которая иллюстрирует как все должно работать.
https://www.w3.org/TR/2014/REC-html5...nt-definitions
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Конкурс CardioQVARK - разработка алгоритма определения курильщика по кардиограмме ilyad555 Работа 2 10.03.2016 12:51
Решение проблем с ИЕ 6-8 dmitriymar Оффтопик 9 29.12.2011 19:55
Десктоптое решение для тестирования веб-страниц totemband (X)HTML/CSS 3 08.11.2011 11:43
Решение задачи с объектом math biz87 Общие вопросы Javascript 4 26.08.2011 13:50
Подскажите простое решение для слайдера Netherlandman Общие вопросы Javascript 10 13.11.2010 09:32