Есть два блока которые расположены в одну строку.Мне нужно чтобы при уменьшении окна браузера правый блок(right) смещался вниз под левый(left).
| HTML5 |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
| <div style="width:20%;float:left;" class="left">
<a href="https://esia.gosuslugi.ru/public/ra/"><img src="images/1.png" width="220" height="200" class="frame"></a>
<a href="https://www.gosuslugi.ru/"><img src="images/2.png" width="220" height="80" class="frame"></a>
<a href="https://www.rosminzdrav.ru/"><img src="images/3.png" width="220" height="80" class="frame"></a>
<a href="http://ora.ffoms.ru/"><img src="images/4.png" width="220" height="80" class="frame"></a>
<a href="https://www.rosminzdrav.ru/polls/9-anketa-dlya-otsenki-kachestva-okazaniya-uslug-meditsinskimi-organizatsiyami-v-ambulatornyh-usloviyah?region_code=IRK"><img src="images/5.png" width="220" height="80" class="frame"></a>
<p align="center" class="frame" ><strong><font color="blue">Внимание!</font></strong><br> Возможны противоказания. <font color="red" size="2">Необходима консультация врача</font></p>
</div>
<div style="width:80%;float:left;" class="right">
<div class="message-message message" style="position:relative; overflow:hidden; padding:25px 20px 10px 20px; font-size:13px; line-height:18px;margin-top:0px;">
<p align="center">
Портал пациента www .регистратура38.рф был изменен на адрес <a href="http://www.кврачу38.рф" target="_blank" style="color: blue; h1">www.кврачу38.рф</a></p>
</div>
<br>
<div class="message-message message" style="position:relative; overflow:hidden; padding:25px 20px 10px 20px; font-size:13px; line-height:18px;margin-top:0px;">
<h3 style="text-align:center;">
Горячая линия Министерства Здравоохранения Иркутской области</h3>
<p style="text-align: center;">
<img alt="" src="images/6.png" style="width: 438px; height: 155px;"></p>
</div>
<p>Добро пожаловать на сайт Общества с Ограниченной Ответственностью «Диамант»
Уважаемые посетители сайта! Мы рады приветствовать Вас на сайте Общества с Ограниченной Ответственностью «Диамант».</p>
</div> |
|
| CSS |
1
2
3
4
5
6
7
8
9
10
11
12
13
| <style>
.frame {
border: 3px solid #00a8e1;
width: 220px;
word-wrap: break-word;
}
.message-message {
background: url("http://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/message.png") no-repeat scroll 15px 3px #C6D8F0;
border: 1px solid #4282CC;
word-wrap: break-word;
}
</style> |
|
(
