0

私はCSSに非常に慣れていないので、これに対する答えが痛々しいほど明白である場合はご容赦ください. 私はかなりの検索を行ってきましたが、まだ解決策を見つけていません。

サインアップ div があり、幅が制御され、CSS で完全にスタイル設定され、右にテキストが左に浮いているページがあります。これはページの上部にあります。

ページの下部に同じサインアップ div をもう一度表示したいと思います。ただし、今回はもっと広くしたいです。HTML コード (および対応する CSS コード) をコピーして貼り付け、div 名をわずかに変更して、基本的に幅を変更したバージョン 2 を作成しようとしましたが、うまくいきませんでした。

これを行う方法について何か考えはありますか？

4

2 に答える 2

6

私があなたの質問を正しく理解していれば、divあなたのページの一番下にwidth、他のものとは異なるあなたの複製が欲しいですか? 次に、2 つのクラスを追加してみます。1 つはcommon styles、もう 1 つは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のbottomDivスタイル用で、あなたの場合はwidth.

于 2013-06-04T02:12:46.490 に答える
0

divの「名前」をどのように正確に変更しましたか? 各 div に id セレクターを追加しましたか? div の 1 つは次のようになります。

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

そして、もう一方はこのように見える可能性があります。

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

これを css に投稿することで、この ID を呼び出すことができます。

    #widesignup {
        /*css*/
    }

     #signup {
        /*css*/
    }

それが役に立ったことを願っています。

于 2013-06-04T02:14:19.317 に答える