-1

我正在编写新网站的代码，但在满足所有设计和 SEO 要求时遇到了一些麻烦。全屏网站的最大宽度为 950 像素，顶部和底部具有页面的全宽，中间区域的左侧部分宽度为 200 像素，内容区域具有动态宽度 - 当网站以小尺寸显示时屏幕顶部和底部将保持顶部和底部，但左侧将移动到内容下方。对 SEO 的要求是，代码中的内容应该放在左侧部分之上，并且没有用于修复设计问题的 javascript。

我的大问题是放置左侧部分，因为如果我使用绝对位置，底部将不会是页面的底部 - 当屏幕小于 950 像素但大于 320 像素时，我会在更改左侧位置时使用浮动给我带来麻烦。

谁能给我一个关于这些要求的例子？

编辑：

一个绝对位置的简单例子；

<!doctype html>
<html>
<head>
  <title>TEST</title>
</head>
<body>
  <div style="max-width: 750px; background-color: Red;">TOP</div>
  <div style="max-width: 750px; position: relative;">
    <div style="margin-left: 200px; background-color: Green;">CONTENT</div>
    <div style="width: 200px; position: absolute; top: 0; background-color: Silver;">LEFT<br>LEFT<br>LEFT<br>LEFT</div>
  </div>
  <div style="max-width: 750px; background-color: Blue;">BOTTOM</div>
</body>
</html>
4

2 回答 2

0

只需使用“浮动：对；” — http://jsfiddle.net/ZeFf4/

于 2012-06-24T21:47:24.793 回答
0

关闭 - 不使用 JavaScript 似乎是不可能的。

于 2013-01-09T19:18:42.247 回答