CSS中使用expression完美设置页面最小宽度(兼容ie

在前端开发中，div+css布局逐渐替代了传统的table布局，大大简化了页面设计的复杂性。这种变革也带来了一些新的挑战，其中之一就是在页面大小改变时，浮动定位元素可能会出现布局错位的问题。为了解决这一问题，我们可以通过设置页面的最小宽度来确保布局的稳定性。

具体来说，我们只需在全局CSS样式表中加入以下代码：

```css

body {

/ 加入以下两行代码 /

min-width: 1140px; / 设置页面的最小宽度为1140像素 /

width: expression((documentElement.clientWidth > 1140) ? "1140px" : "auto"); / 使用IE特有的expression来动态调整宽度 /

}

```

其中，第一行设置了页面的最小宽度，确保页面在任何情况下都不会小于这个宽度。这样，即使在窗口尺寸变小的情况下，也能保证主要内容的布局不会错乱。第二行则是利用了IE浏览器特有的expression属性，将CSS和JavaScript表达式结合起来。当浏览器窗口的宽度大于设定的最小宽度（在此为1140像素）时，页面宽度将保持为设定的最小宽度；反之，页面宽度将自动调整以适应窗口尺寸。这种方法的优点是兼容IE浏览器。需要注意的是，IE5及其以后的版本才支持在CSS中使用expression。至于expression的具体使用方法和细节，网上有大量的资料可以参考。至于数值“1140”，您可以根据实际需要进行调整。这段代码应与Cambrian框架的body渲染相结合使用。这样，无论页面大小如何变化，我们的布局都能保持稳定和美观。