• 締切済み

CSSでクラス内にクラスを横並びに配置したい

CSSでクラスを使用してレイアウトしているのですが、 クラス内に小さなクラスを二つ横並びに配置したいのですが改段落されてしまいます。 IDだと可能なのですがクラスではできません。 クラスにしたい理由は、同じdivタグを1ページに30個以上使用したいためです。

みんなの回答

回答No.4

divタグでidで動いてclassで動かないものは少なかった気が・・ 単純にCSSの記載ミスでは?.(ドット)と#の間違いとか。 ソースが無いのでハッキリとはわかりかねますが、回り込みと幅指定、絡んでるのはこの変じゃないでしょうか。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.3

そもそも、classを完全に誤解されています。 【引用】____________ここから DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[The global structure of an HTML document (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )]より  具体的に例を挙げると、HTMLで用意されている要素(Element)には文書構造を示すものが用意されていません。どの部分がheaderでどの部分が本文sectionで、どの部分がナビゲーションかわからない・・・そのためにつけるもので、決して!決して!デザインのためではありません。  たとえば、画像と簡単な説明からなるリストが30個あるのでしたら、HTMLは <ul>  <li><img src="" width="" height="" alt="">   <p>簡単な説明</p>  </li> ・・・【中略】・・・  <li><img src="" width="" height="" alt="">   <p>簡単な説明</p>  </li> </ol> というHTMLになるでしょう。  そのうえで、画像と説明を小さなブロックに入れて、ページ幅いっぱいに並べたいとかでデザインを考えます。必ずしもdivが必要なわけではありません。  大事なことはHTMLは文書構造しか書かない。その文書構造を利用してスタイルシートでデザインしていくのです。  よって、その30個が何であるかをお示しください。そこから出発します。

回答No.2

スペルを間違えたなどのケアレスミスじゃないでしょうか。

  • outbrave
  • ベストアンサー率60% (231/380)
回答No.1

知恵袋でも質問されているようですけど。 まずその状態を確認できるソースをください。 また、それを確認したブラウザ名などの情報も必要です。

関連するQ&A