質問編集履歴

1 質問内容の変更

enokiyo

enokiyo score 70

2015/09/14 11:39  投稿

CSSでのリキッドレイアウト、上下余白の作り方。
CSSでのリキッドレイアウトの作り方
タイトルだけでは説明が難しいのですがwindowサイズに追従する要素の縦横比率固定の技で
縦横比を固定しながらwindowサイズに追従する一般的な書き方を教えてください。
よくある方法として
http://weboji.hatenablog.com/entry/css-respon1
このよう技があると思います。
比率を保ちたいのは画像要素、divなどで囲った要素、それらを並べたときなどです。
これはこれでいいのですが中に要素をはみ出す感じで画像を入れたいです。
よろしくお願いいたします。
やりたいことは画像がPC用に4:3になっているのを上下をトリミングして表示したいです。
htmlはul li a imgの順ではいっています。
ここまではできたのですが、余白を入れようとすると隠れている画像が出てくるので余白になりません。
どなたかわかる方いますか?
overflow:hiddenでもダメでした。
  • CSS

    16356 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • CSS3

    5100 questions

    CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る