背景大小：水平滚动页面中的封面和文本
Background-size:cover and text in an horizontal scrolling page
我正在尝试制作一个非常简单的 HTML 页面，该页面带有水平滚动条，左侧仅包含一张大图片（带有 background-size:cover），右侧是带有列的长文本封面。
我认为我的问题是关于 position:relative（带浮动）和 position:absolute（带左），但我没能解决它。目前封面图是OK的，显示在左上角。但是文本显示在右下角（而不是封面的右上角）。
你能帮帮我吗？
这是展示我所做工作的演示：http://jsfiddle.net/kz5ch49w/38/
如果我正确地理解了您的意思，那么您需要将文字放入您的封面 ID，而不是单独 div。但是，您可以将封面 ID 位置更改为仅绝对位置，并将相对位置更改为文本 div.
#cover { position:absolute; /* other stuff */ }
和
#text { position:relative; /* other stuff */ }
http://jsfiddle.net/kz5ch49w/46/
我正在尝试制作一个非常简单的 HTML 页面，该页面带有水平滚动条，左侧仅包含一张大图片（带有 background-size:cover），右侧是带有列的长文本封面。
我认为我的问题是关于 position:relative（带浮动）和 position:absolute（带左），但我没能解决它。目前封面图是OK的，显示在左上角。但是文本显示在右下角（而不是封面的右上角）。
你能帮帮我吗？
这是展示我所做工作的演示：http://jsfiddle.net/kz5ch49w/38/
如果我正确地理解了您的意思，那么您需要将文字放入您的封面 ID，而不是单独 div。但是，您可以将封面 ID 位置更改为仅绝对位置，并将相对位置更改为文本 div.
#cover { position:absolute; /* other stuff */ }
和
#text { position:relative; /* other stuff */ }
http://jsfiddle.net/kz5ch49w/46/