在CSS中定义一个容器!

Posted 2023-04-09

在CSS中定义一个容器,当浏览器窗口小于1000px时 容器width=980px(固定),当浏览器窗口大于1000px时,容器width为浏览器宽度的98%.

请问这个CSS如何定义?

这个还真有点麻烦的.. CSS3出现前 仅仅在css中定义已经无法达到你的要求

可以使用javsscript来实现

假设div的名字是layout

<div id="layout">...</div>

function autozize()
var para = document.getElementById("layout");
var width = document.body.clientWidth;
if width < = 1000
para.style.width = 980px;
else
para.style.width = 98%;


para.style.fontSize = "2em";
参考技术A min-width
ie6没用

css和背景图片的问题

【中文标题】css和背景图片的问题

【英文标题】：problems with css and background image

【发布时间】：2010-12-12 09:59:53

【问题描述】：

我有一个高度为 100% 的容器，因此高度将动态更改为容器内的文本。

无论如何，容器都有一个带有自定义图像的背景（使用背景图像）。

现在，当我使用 float:left; width: 100px; height:100%; 创建

时，在我的容器中定义的背景不会显示在 div 上。

但如果我删除 float:left，背景会显示出来

任何想法可能是什么问题？

【问题讨论】：

你能发布一些代码吗？另外，你用的是什么浏览器？我无法重现这个。

【参考方案1】：

要解决此问题，请将您提到的以下内容添加到容器元素中。

overflow: hidden;

如果您在 IE6/7 中仍然遇到此问题，则需要强制执行 hasLayout，这是通过将其添加到容器元素来完成的。

zoom: 1;

希望 IE6/7 的添加对您有所帮助。

【参考方案2】：

你的问题有点不清楚，但我假设浮动 div 是容器 div 内的一个单独的 div？默认情况下，浮动项目不被容器“包含”。这正是花车应该表现的方式。如果你把“溢出：自动；”在容器 div 上，您通常会得到您想要的行为，但请在此处阅读有关该主题的更全面讨论：http://www.ejeliot.com/blog/59

【参考方案3】：

我做到了。

解决方案是添加

overflow:hidden;

到容器 div。