Как сделать div на 100% высоты окна браузера

Теперь, когда дата вашего компьютера - среда, вы хотите распечатать понедельники до вторника, так как следующий понедельник ближе к среду, чем в следующий вторник. Поэтому попробуйте следующее:

$blockedDatesInput = "08 Mar 2010,12 Apr 2010"; // dont show these dates
$blockedDates = explode ("," , $blockedDatesInput); // convert to array
$currentMonth = ""; // current month marker

// loop over the next 52 weeks to find Mondays and Tuesdays
for($i=0; $i<=52; $i++){
// build the month header
$monthReference = date("M Y", strtotime('+'.$i.' Week'));

// check if date exists in $blockeddate
if (!in_array(date("d M Y", strtotime('+'.$i.' Monday')), $blockedDates) || 
    !in_array(date("d M Y", strtotime('+'.$i.' Tuesday')), $blockedDates) ) {
     // check if we have to show a new month
     if(strcmp($monthReference, $currentMonth) <> 0){
       echo $monthReference.'<br />',"\n";
     }else{
      // output the dates (changed the order as suggested by Aly)
      echo date("D d M Y", strtotime('+'.$i.' Monday')).'<br />',"\n";          
      echo date("D d M Y", strtotime('+'.$i.' Tuesday')).'<br />',"\n";
     }
       $currentMonth = date("M Y", strtotime('+'.$i.' Week'));
   }
}
1944
задан Peter Mortensen 8 July 2019 в 23:32
поделиться

2 ответа

Вы не упомянули несколько важных деталей, например:

  • Фиксированная ширина макета?
  • Фиксированная ширина одного или обоих столбцов?

Вот одна возможность:

 body, div {margin: 0; граница: 0 нет; отступ: 0; } html, body, #wrapper, #left, #right {height: 100%; минимальная высота: 100%; } #wrapper {margin: 0 auto; переполнение: скрыто; ширина: 960 пикселей; // ширина необязательна} #left {background: yellow; плыть налево; ширина: 360 пикселей; // ширина необязательна, но рекомендуется} #right {background: gray; маржа слева: 360 пикселей; // должно соответствовать предыдущей ширине} 
    Пример    
Left < / div>

Есть много вариантов этого в зависимости от того, какие колонны необходимо закрепить, а какие - жидкие. Вы также можете сделать это с помощью абсолютного позиционирования, но я обычно обнаруживал лучшие результаты (особенно с точки зрения кроссбраузерности), используя вместо этого числа с плавающей запятой.

54
ответ дан 22 November 2019 в 20:02
поделиться

If you’re able to absolutely position your elements,

position: absolute;
top: 0;
bottom: 0;

would do it.

273
ответ дан 22 November 2019 в 20:02
поделиться