Jeet: боковая панель с фиксированной шириной с областью содержимого жидкости

Question

Я пытаюсь выяснить, как создать жидкую компоновку с боковой панелью с фиксированной шириной и жидкостью с использованием Jeet.

HTML:

<div class="wrapper"> 
    <div class="sidebar"></div> 
    <div class="content"></div> 
</div> 

CSS:

.wrapper { 
    width: 100%; 
} 
.sidebar { 
    width: 240px; 
} 

Похоже, что это не представляется возможным с Джит установить CSS контента, чтобы взять остальную часть макета, это так?

Answer 1

Вы должны использовать определить ширину содержимого

HTML КОД

<div class="wrapper"> 
    <div class="sidebar"> 
     <div class="content-box"> 
     Content Here !!!! 
     </div> 
    </div> 
    <div class="content"> 
    <div class="content-box"> 
     Content Here !!!! 
     </div> 
    </div> 
</div> 

CSS КОД

.wrapper { 
    color: #fff; 
} 
.sidebar { 
    width:30%; 
    display:inline-block; 
    float: right; 
    background: #333; 
} 
.content { 
    width: 70%; 
    display: inline-block; 
    background: #666; 
} 
.content-box { 
    padding: 20px; 
} 

Пожалуйста, проверьте демо Здесь https://jsfiddle.net/568447zu/