Я не знаю, как выполнить следующее в html, я бы предпочел, чтобы решение было строго html + css, javascript/jquery используется на сайте, но я не знаю, t предпочитаю, чтобы мой макет зависел от javascript.html + css динамическая ширина с переполнением
Раздел A - это список неопределенной ширины, он заполняется данными из базы данных, поэтому он может быть от ширины 9em-15em. В разделе B также есть текст, который переполняется. Я хочу, чтобы A заняла необходимую ширину, чтобы отобразить ее содержимое, а затем я хочу, чтобы раздел B занимал остальную часть ширины.
Возможно ли это, если да, то каким образом? Знаете ли вы каких-либо хороших книг, которые могут дать мне хорошую основу для HTML + CSS
---------------------------------------------
| |^| |^|
| | | | |
| | | | |
| | | | |
| A | | B | |
| | | | |
| | | | |
| | | | |
| | | | |
| | | | |
| |v| |v|
----------------------------------------------
Это то, что я в настоящее время, но если раздел B переполняется, то это заставляет список «А» сжиматься, делая дивы перейти к двум линиям, что неприемлемо.
<div id="SectionA" style="float:left">
<div>Just TEst data</div>
<div>Just data</div>
...
<div>Just data</div>
</div>
<div id="SectionB" style="float:left">
<!-- A bunch of content here -->
</div>
В этом решении, если содержимое B достаточно велико, чтобы столбцы B были длиннее столбца A ...содержимое B будет проходить под содержимым A. OP может рассмотреть возможность поиска в Интернете для «раскладок с несколькими столбцами». –