我在
HTML页面的两边有两个绝对位置的DIV,如(
EXAMPLE)
<div class="left"> </div> <div class="right"> </div>
用CSS
.left{
position:absolute;
left:10px;
top:10px;
width:100px;
height:100px;
background:red;
}
.right{
position:absolute;
right:10px;
top:10px;
width:100px;
height:100px;
background:blue;
}
有没有办法将文本添加到左侧DIV并将多余文本流向右侧？我并没有坚持这两个DIV,我只是在寻找一种解决方案,将多余的文本流向另一个位置.
注意：我希望找到一个纯CSS解决方案,但它似乎不太可能;那么,我正在寻找一个纯粹的JavaScript解决方案(不使用JS库).
解决方法
CSS Regions(仍然是’草案’,但是)旨在解决这个问题：
The CSS regions module allows content to flow across multiple areas
called regions. The regions are not necessarily contiguous in the
document order. The CSS regions module provides an advanced content
flow mechanism,which can be combined with positioning schemes as
defined by other CSS modules such as the Multi-Column Module [CSS3COL]
or the Grid Layout Module [CSS3-GRID-LAYOUT] to position the regions
where content flows.
更多信息和教程在https://www.adobe.com/devnet/archive/html5/articles/css3-regions.html
