OlegBrony
-
Posts
3 -
Joined
-
Last visited
OlegBrony's Achievements
Explorer (1/14)
0
Reputation
-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700|Raleway:200" rel="stylesheet"> <title>Content</title> </head> <body> <div id="all"> <div id="up"> <p>Компания «Турбомикрон» всегда совершенствует свой сервис по работе и обслуживанию своих новых так и постоянный клиентов. Мы налаживание связи со всеми товаро-транспортными компаниями, для того чтобы наша работа с клиентами была максимально продуктивна.Поэтому наши турбины мы можем отправлять по всей территории Украины, а также в ближайшие страны СНГ.</p> <img src="jpg/up.jpg" alt="Турбомикрон"> </div> </div> </body> </html> body { background: #eee; } #all { margin: 100px 20% 0 ; } #up { border: 1px solid #d1ea9b; background-color: #fff; text-align: center; padding: 10px; min-height: 100%; } #up>img { width: 40%; float: right; } #up>p { width: 58%; float: left; font-family: 'Open Sans', sans-serif; font-size: 1.25vw; overflow: hidden; } нужно, чтобы блок подстраивал высоту под содержимое. пробовал добавить пустой див со свойством "clear: both". результата не дало
-
спасибо, большое. работает.
-
Есть строчка. в начале на треть страницы 1 блок, 2 блок разделяется на 2 маленьких, и 3 блок тоже большой. 3 блока нормально встали, но 4 (2 маленький) не хочет. вот, что выходит. должно быть так. как это сделать? < <div> <div class="stock_left"> <a href="#"><img src="img/content/stock400x500.jpg" alt="stock"></a> </div> <div class="regist"> <img src="img/content/regist400x240.png" alt="regist"> </div> <div class="stock_right"> <img src="img/content/stock400x500.jpg" alt="stock"> </div> </div> <div class="socnet"> <img src="img/content/regist400x240.png" alt="regist"> </div>> <.stock_left { float: left; overflow: auto; width: 30%; height: 504px; margin: 20px 1% 20px 4%; } .stock_left>a>img, { width: 100%; max-height: 500px; } .regist { float: left; display: inline; overflow: auto; width: 30%; height: 244px; margin: 20px 1% 20px 0; } .stock_right { float: left; overflow: auto; width: 30%; height: 504px; margin:20px 4% 20px 0; }>