Fatal编程技术网
  • javascript/
  • 在不使用JavaScript的情况下更改元素样式

在不使用JavaScript的情况下更改元素样式

javascript css

在不使用JavaScript的情况下更改元素样式,javascript,css,stylesheet,element,Javascript,Css,Stylesheet,Element,有没有一种方法可以在不使用JavaScript的情况下更改指定元素的CSS样式 我不想使用JS，因为有些浏览器不支持或已禁用JS 具体示例： 我有两个div（#menu和#content），我想将#content的最小高度CSS属性设置为#menu的实际高度属性（因此，如果#menu比#content长，#content，则#content和菜单的高度相等）. 您的问题可以通过简单的纯CSS解决。为了演示的目的，我假设您在网页的左侧有一个菜单，页面的其余部分跟随其高度。这种行为很容易通过组合浮

有没有一种方法可以在不使用JavaScript的情况下更改指定元素的CSS样式

我不想使用JS，因为有些浏览器不支持或已禁用JS

具体示例：
我有两个div（
#menu
和
#content
），我想将
#content
的
最小高度
CSS属性设置为
#menu
的实际
高度
属性（因此，如果
#menu
比
#content
长，
#content
，则
#content
和
菜单的高度相等）. 
 您的问题可以通过简单的纯CSS解决。为了演示的目的，我假设您在网页的左侧有一个菜单，页面的其余部分跟随其高度。这种行为很容易通过组合浮动和溢出来实现

HTML


<div class="content">
    <ul class="menu">
        <li><a href="/">Homepage</a></li>
    </ul>
    <p>Hello world!</p>
</div>



诀窍在于在外部包装上使用
overflow:hidden
，这将使内容高度始终调整到菜单的高度。
no。这是不可能的。嗯，有css表达式。他们的支持比js差得多（只有ie听起来像是你想要基于你的例子。我不明白你说不使用javascript，而且你已经方便地用javascript标记了你的问题。如果你只是想使列相等-使用清除浮点数或设置容器溢出：autoJavascript在大多数现代浏览器中都有很好的支持。对于简单的任务，例如您可以自由使用Javascript。

.content {
    width: 98%;
    overflow: hidden;
}

.menu {
    float: left;
    width:30%;
}