Divs overlapping при изменении размера окна

-3

Я делаю сайт, используя Twitter Bootstrap и имеющий проблему при изменении размеров окон браузера. Я пробовал использовать width и height для обоих div s, а также для того, чтобы сделать ребенка divposition: absolute; и его родителем divposition: relative;, безрезультатно.Divs overlapping при изменении размера окна

Это код

элемент Я пытаюсь показать протягивается через PHP (карту), и это, как она накладывается.

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

источник

2016-08-29 Mar1ak

Добро пожаловать в StackOverflow. Пожалуйста, прочитайте о том, как создать минимальный, полный и проверенный пример: http://stackoverflow.com/help/mcve. –

Благодарим за редактирование и исправление орфографических ошибок и ошибок грамматики, я не знал, что это должно быть на месте. В любом случае, я не предоставил аналогичный код, потому что я не уверен, как это сделать здесь, поскольку я работаю с Twitter Bootstrap, также есть элементы PHP, которые могут оказать значительное влияние на проблему, я думаю .. . – Mar1ak

Нет проблем. Ознакомьтесь с разделами справки здесь, на сайте, и вопросительным знаком в правом верхнем углу области запроса/редактирования/ответа, чтобы узнать, как форматировать код и прочее. Просто помните более точную и четкую информацию, которую вы даете, тем больше людей захочет помочь с вашей проблемой (как правило). Кроме того, никогда не скриншот-код - всегда копируйте и вставляйте его в блок кода. –

-1

Что я могу получить из образа кода, который вы отправили, вы вставляете свой div в неправильном порядке, нижний колонтитул класса должен быть нижним колонтитулом панели, панель - это то, что предполагается быть между заголовком панели и нижней панелью или другими словами внутри самой панели. Я также предложил бы дать класс элементу, который вы эхом отдаете через PHP, пожалуйста, напишите больше своего кода, и я буду рад помочь. Более подробную информацию о панелях Bootsrap можно найти here. Обычно я использую панели для хранения кнопок формы, а не изображений. Я бы оставил это в качестве комментария, но не могу комментировать всюду.

источник

2016-08-29 02:13:18

Почему это проголосовало ?! Спасибо, сэр, ваш комментарий помог мне решить проблему. Что касается класса панели-нижнего колонтитула, я считаю, что тот закодировал, что он решил, что стиль div будет одинаковым, независимо от использования панели или нижней панели. Я не хочу возиться с этим на случай, если он сделал какой-либо другой стиль с помощью CSS или что-то в этом роде ... Но да, я смог сделать масштаб карты, используя классы embed-responsive embed-responsive-16by9 Вот это для вашей роскоши на случай, если вам любопытно @del cueto https://i.gyazo.com/b384c02a1d890ae4dea20bf93eaec7c5.png – Mar1ak

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

Я был в состоянии получить карту масштабирования без перекрытия с помощью двух классов, которые приходят с использованием Twitter Bootstrap, называется

embed-responsive embed-responsive-16by9

и это их исходный код

.embed-responsive { 
    position: relative; 
    display: block; 
    height: 0; 
    padding: 0; 
    overflow: hidden; 
} 

    .embed-responsive-16by9 { 
    padding-bottom: 56.25%; 
}

Даже если я попытался вручную сделать мой div s родителем с position: relative; и дочерним элементом каждого позиционирования, это не сработало, поэтому я думаю, что это касается высоты и отступов. Спасибо, что ответили, и я надеюсь, что этот ответ поможет большему количеству людей.

источник

2016-08-29 05:01:24 Mar1ak

Divs overlapping при изменении размера окна

ответ

Смежные вопросы