html div 堆叠,HTML – 棘手的div堆叠

我有三个< div> s,A,B和C.它们都是文本行.基本布局是：

aaaaaaaaaaaaaa ccccccccccccccccccccccccc

bbbbbbbbbbbbbbbbbbbbbbbbbb

当窗口完全打开时,cccccccccccc可以在bbbbbbbbb上面进行调整(即可以适应),因此我希望它这样做,如上所示.

但是,当窗口缩小以致A和C不能放在同一行上时,我希望ccccccccccc移动到bbbbbbbbb以下,如下所示：

aaaaaaaaaaaaaa

bbbbbbbbbbbbbbbbbbbbbbbbbb

ccccccccccccccccccccccccccccccc

因此,我不知何故需要将C的默认位置设置在A的右边,但是当没有足够的空间容纳C的全长时,要使C移动到B以下(并且我不希望任何换行).

将A和B放在一起包含< div>然后让C跟随< div>根本不起作用,因为我希望C在它的旁边,在同一条线上,在它的默认位置;如果我将A和B包装成专用的< div>容器,我最终得到：

aaaaaaaaaaaaaa

bbbbbbbbbbbbbbbbbbbbbbbbbbb ccccccccccccccccccccccccc

……那不是我想要的. (我也可能最终得到B和C的文本行包装,我试图避免这种情况.)

如何最有效地完成这项工作？

最佳答案我已经解决了……没有JQuery需要,只是明智的造型：

AAAAAAAAAAAAAAA

BBBBBBBBBBBBBBBBBBBBBBBBBB

CCCCCCCCCCCCCCCCCCCCCCCCCCC

html div 堆叠,HTML – 棘手的div堆叠相关推荐

Python使用matplotlib可视化时间序列堆叠的面积图、堆叠面积图给出了多个时间序列的贡献程度的可视化表示，以便于相互比较（Stacked Area Chart）
Python使用matplotlib可视化时间序列堆叠的面积图.堆叠面积图给出了多个时间序列的贡献程度的可视化表示,以便于相互比较(Stacked Area Chart) 目录
R语言使用ggplot2可视化堆叠条形图，并在堆叠条形图上显示数据值实战
R语言使用ggplot2可视化堆叠条形图,并在堆叠条形图上显示数据值实战目录 R语言使用gg
xHTML+div布局：三个div,两边div宽度固定，中间div宽度自适应
xHTML+div经常考题:三个div,两边div宽度固定,中间div宽度自适应. 和大家分享一个实现方式: 1.html代码 1 <div class="dyleft"&g ...
html语言div什么意思,css中div是什么意思？
css中div是什么意思? div是html中的一个标签,通常作为容纳其他元素的容器.在css中,表示一种选择器,可以直接使用div(标签选择器)来查找HTML元素设置样式:而如果是.div那么表示某 ...
php中的div是什么意思,div是什么意思？div标签怎么用
很多刚入门的新手,对div是什么意思还不是很了解,现在很多网站上都有div,那么究竟div是什么意思?下面我们来总结一下div标签怎么用. 一:div是什么意思我们随便打开一个网页源代码就会发现里面 ...
div 隐藏_CSS实现六边形Div图片展示效果
一. 效果图二. 六边形效果涉及到的知识点 1. transform: rotate(120deg); // 元素旋转 2. overflow: hidden; // 超出隐藏 3. visibil ...
实现div可以调整高度（div实现resize）
实现div可以调整高度(div实现resize) 一.div 实现resize(类似textarea) 代码如下: <!DOCTYPE html> <html><head ...
css 容器内 div 底部,CSS：在div容器的底部放置一個div容器
My intention is to place a div-container inside a div-container, but it isn't working atm. My div-co ...
[译] 关于CSS中的float和position (父容器div内的子元素div为float时，父元素无法撑开（或高度自适应）的解决方式)
测试案例:http://blog.csdn.net/goodshot/article/details/44408245 当构建页面排版时,有不同的方法可以使用.使用哪一种方法取决于具体页面的排版要求, ...

html div 堆叠,HTML – 棘手的div堆叠

html div 堆叠,HTML – 棘手的div堆叠相关推荐

最新文章

热门文章