Question

我是CSS的新手，请原谅我，如果答案很明显。我已经做了很多搜索，但尚未找到解决方案。

我有一个带有注册div的页面，受控宽度，完全由CSS设置样式，向右浮动，文本在左侧。这是在页面的顶部。

我希望在页面底部再次显示相同的注册div。但是，这一次，我想要更广泛。我已经尝试过复制和粘贴HTML代码（以及相应的CSS代码），稍微修改div名称，基本上创建了一个带有宽度修改的版本2，但是没有用。

关于我如何做到这一点的任何想法？

Answer 1

如果我正确理解了您的问题，您希望页面底部的div与另一个width相比具有不同的副本吗？然后尝试添加2个类。一个用于common styles，另一个用于specific styles

<强> CSS：

.signupDIv
{
   //common style
}

.topDiv
{
  width: 100px;
}

.bottomDIv
{
 width: 200px;
}

<强> HTML：

<div class="signupDIv topDiv"> //this is your original div
<div class="signupDIv bottomDIv"> // this is your duplicate div at the bottom with customized width

signupDIv课程适用于 常见样式 ，例如background-color等。topDiv和{{1}适用于 特定样式 ，在您的情况下，是bottomDiv。

Answer 2

你究竟是如何修改div'名字'的？你有没有为每个div添加一个id选择器？你的一个div可能看起来像这样：

    <div id="widesignup"> /*content*/ </div>

另一个看起来像这样。

    <div id="signup"> /*content*/ </div>

你可以通过在你的css中发布这个id来呼叫：

    #widesignup {
        /*css*/
    }

     #signup {
        /*css*/
    }

希望有所帮助。

在同一页面上以两种略有不同的方式设置相同的div

2 个答案: