Html 内容文件在大屏幕侧栏DIV下流动-基础5 解决了-这里是链接到基金会论坛的答案:

Html 内容文件在大屏幕侧栏DIV下流动-基础5 解决了-这里是链接到基金会论坛的答案: ,html,css,zurb-foundation,Html,Css,Zurb Foundation,原问题- 我有一个两列的布局,左边是几个段落,右边是一个带有链接的边栏div。我想: 在大屏幕上:文本在侧边栏下全宽流动。就像是一个基于浮动的布局。目前,列限制了这一点,以便段落保留在其定义的列中 在中屏幕和小屏幕上:段落要全宽并显示在顶部。侧边栏只有在它们完成后才会出现 此外,我更希望它不需要任何额外的JavaScript,而仅仅是基本的HTML、CSS和基础……/P> 这是一个代码笔,它在大屏幕上看起来应该是这样,但在其他地方表现很差 任何洞察都将不胜感激

原问题-

我有一个两列的布局,左边是几个段落,右边是一个带有链接的边栏div。我想:

在大屏幕上:文本在侧边栏下全宽流动。就像是一个基于浮动的布局。目前,列限制了这一点,以便段落保留在其定义的列中

在中屏幕和小屏幕上:段落要全宽并显示在顶部。侧边栏只有在它们完成后才会出现

此外,我更希望它不需要任何额外的JavaScript,而仅仅是基本的HTML、CSS和基础……/P> 这是一个代码笔,它在大屏幕上看起来应该是这样,但在其他地方表现很差

任何洞察都将不胜感激