Сделайте так, чтобы у двух делений была одна и та же полоса прокрутки?

Если HTML «! stuff» представляет множество строк данных, которые превышали бы высоту контейнера, как я могу настроить его таким образом, чтобы два col div перетекали и совместно использовали одну полосу прокрутки из «контейнера»?

.container {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    padding-bottom: 30px;   
}

.col1 {
    height: 100%;
    width: 50%;
    overflow-x: hidden;
    overflow-y: visible;
    position: relative;
    float: left;
}

.col2 {
    height: 100%;
    width: 50%;
    overflow-x: hidden;
    overflow-y: visible;
    position: relative;
    float: right;
}

<div class="container">
  <div class="col1">
    !Stuff<br/>
  </div>

  <div class="col2">
    !Stuff
  </div>
</div>

Я работаю над встроенной платформой (ARM) и должен быть осторожен при работе с битовыми узорами. Давайте представим, что эта линия не под моим влиянием:

uint8_t foo = 0xCE;          // 0b11001110

Интерпретировано как неподписанное это было бы 206. Но на самом деле он подписан, таким образом, напоминает -50 . Как я могу продолжать использовать это значение как подписанное?

int8_t bar = foo;            // doesn't work

также (в результате 0x10 или 0x00 для всех входных значений)

int8_t bar = static_cast<int8_t>(foo);
int8_t bar = reinterpret_cast<int8_t&>(foo);

Я просто хочу, чтобы биты остались нетронутыми, то есть. (bar = = 0xCE)

Наоборот, мне было бы интересно, как получить битовые паттеры, представляющие отрицательные числа, в неподписанные переменные без путаницы битовой комбинации. Я использую GCC.