コーディング初心者です。
とても初歩的なことではございますが、質問させていただきます。
背景画像の上にボタンを2つ横並びにしたいのですが、
ローカルでは思うようにできているのですが、
サーバーにアップして確認するとうまく表示されません。
背景画像とボタンの画像は両方とも表示はされています。
ただ・・・
floatをかけているにもかかわらずボタンが横並びになっておらず、
縦方向に並んでしまいます。
ちなみに2つのボタンは背景画像の右側に寄せて、横並びにしたいと思っています。
ネットで検索して調べては修正をして・・・と繰り返してみたのですが、
色々と変更しすぎて、clearfixの記載場所もここでよいのかわからなくなってきました。
【「btn01」、「btn02」をbackgroundの上で横並びにさせたいです。】
何卒ご教示の程宜しくお願い致します。
html
css
.box{
height:130px;
width:900px;
margin:auto;
}
.btn01{
width:162px;
height:48px;
float:right;
margin-top:40px;
margin-right:80px;
}
.btn02{
width:144px;
height:50px;
float:right;
margin-top:40px;
margin-right:20px;
}
.box:after {
display: block;
clear: both;
content: "";
}
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2015/12/11 10:31 編集
2015/12/11 23:20
退会済みユーザー
2015/12/14 00:59
2015/12/14 01:12
退会済みユーザー
2015/12/14 01:29 編集
2015/12/14 02:56
退会済みユーザー
2015/12/14 03:31 編集
2015/12/17 06:18