Вложенные блоки не заполняют всю высоту родителя без явного указания height

85
12 июня 2021, 04:10

Если задать блоку min-height вместо явного height, то в IE внутренние блоки не будут заполнять его по высоте полностью; в других браузерах все нормально. Есть какой-нибудь способ исправить такое поведение в IE?

https://jsfiddle.net/94ob8xmy/3/

Answer 1

Вы не можете использовать flexbox, если вам требуется поддержка IE. Только 10 и 11 версии частично поддерживают это свойство, а 6-9 не поддерживают вообще. Поэтому вам придется использовать другие стили. Как вариант (работает в IE9 и выше, ниже - нужно проверять):

.parent { 
  min-height: 300px;   
  border: 1px solid #000000; 
} 
.child { 
  min-height: 300px;   
  border: 1px dotted #ff0000; 
  float: left; 
  box-sizing: border-box 
} 
.child_1 { 
  width: 30%; 
  float: left; 
} 
.child_2 { 
  width: 70%; 
}
<div class = "parent"> 
  <div class = "child child_1">Text 1</div> 
  <div class = "child child_2">Text 2</div> 
</div>

Чтобы применимть эти стили только к IE, воспользуйтесь хуками. Они зависят от того, какие именно версии IE вам нужно поддерживать. Детальнее об этом здесь.

READ ALSO
Нужно ли блочить поток при чтении в C++?

Нужно ли блочить поток при чтении в C++?

Нужно ли блочить поток мютексом или семафором при чтении из другого потока?

117
C++ Морской Бой - некоторые моменты

C++ Морской Бой - некоторые моменты

Хочу написать консольную игру морской бойЯ тут немножко понаписал код, но не реализовал некоторые моменты

102
Доступ к нестатическим методам класса в VC++ 2019

Доступ к нестатическим методам класса в VC++ 2019

Насколько "криминальным" является такой доступ к нестатическим методам класса? Делал в Visual studio 2019 Community, с дефолтными настройкамиПереносимость...

105