Это, кажется, делает это. @stefanw имеет смысл, хотя. Боковая панель расширится до ширины текста, а это означает, что текст не будет перенесен. Я думаю, что это, вероятно, не то, что вы хотите. Или, может быть, это так, если то, что вы помещаете туда, не сильно отличается, но и не исправлено?
<html>
<head>
<style type="text/css">
#overallWrapper div {
background: #CCC;
border: 1px solid black;
padding: 15px;
height: 100%;
}
#sideBar {
float: left;
}
</style>
</head>
<body>
<div id="overallWrapper">
<div id="sideBar">
I need this to expand to the width of this text...
</div>
<div id="content">
This should take the rest of the room, whatever's left...
</div>
</div>
</body>
</html>
Вы можете удалить общий обертку, если хотите.