メッセージの編集
タイトル
お名前
本文
先日はお騒がせして申し訳ありませんでした。 今回、どうしても自力で解決に至れず、もう一度質問させていただきます。 ・HEAD (ここにウェブフォントのタグを入れています) <style type="text/css"> body{font-size:small;} #aiu{border:#000000 1px solid; font-size:15px; line-height:1.4; width:790px; margin:3% auto; padding:10px;} .kakiku{border:#000000 1px solid; width:200px; font-size:30px; font-family: 'webフォントの名前'; padding:5px 0; text-align:center; float:left; } .sasisu{width:400px; height:100px; margin:auto; } </style> ・全体レイアウト <div id="aiu"><div class="kakiku">Kakiku</div><div class="sasisu">さしすさしすさしすさしすさしすさしすさしすさしすさしすさしすさしすさしす</div>あいうあいうあいうあいうあいうあいうあいうあいうあいうあいうあいうあいうあいうあいうあいうあいう</div> ・#aiuの中に.kakikuと.sasisuを入れ、.sasisuを.kakikuの真横に並べたいです。 ・.sasisu要素は横幅を小さ目にとり、左右に横幅を#aiu(の範囲内)と.kakikuの丁度真ん中になるようにしたいです。 ・現在、.kakikuと.sasisuの間に余白はなくぴっちりと詰まっている状態で、.kakikuの下に「さしすさしす…」の文字が来ており縦幅はスルーされてしまっています。 これを、縦幅以上になるとスクロールさせるようにしたいのですが、height:100px;ではスクロールはされないのでしょうか?
編集パス
編集
記事削除
- ナノ -