БлогNot. CSS: рисунок тянется точно по размерам раздела

CSS: рисунок тянется точно по размерам раздела

Наверное, наиболее простым представляется типовое решение с разделом-обёрткой и вложенным разделом для контента. Ниже показан код и результат его работы. Вместо 400x300 можно указать любые другие размеры.

<style>
 .scale_div { width: 90%; height: 90%; margin: 0 auto; }
 #scale_wrapper {
  width: 400px; height: 300px; position: relative;
 }
 .scale_content {
  top: 5%; left: 5%; position: absolute;
  background-image: url(http://blog.kislenko.net/pictures/13224.png); 
  background-repeat: no-repeat;  
  background-size: 100% 100%;
 }
</style>
<div class="scale_div" id="scale_wrapper">
 <div class="scale_div scale_content"></div>
</div>


теги: css html

07.10.2020, 09:48; рейтинг: 37