アプリ版：「スタンプのみでお礼する」機能のリリースについて

cssをつかって、このような配置にしたいです。 ここから、どうやって書けばいいのでしょうか？ <!D

締切済

  • 質問者：ooまろん
  • 質問日時：
  • 回答数：2件

cssをつかって、このような配置にしたいです。
ここから、どうやって書けばいいのでしょうか？

<!DOCTYPE html>
<html>
<head>
<title>AKAMOKU Map</title>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.8.1/build/cssreset/cs …
<meta name="viewport" content="initial-scale=1.0">
<meta charset="utf-8">

<style>
.right{
float:right;
}
.left{
float:left;
}
#a{
background:red;
}
#b{
background:blue;
}
#c{
background:green;
}
</style>
</head>
<body>
<div class='right'>
<div id='a'>
<h1>a</h1>
</div>
</div>
<div class='right'>
<div id='b'>
<h1>b</h1>
</div>
</div>
<div class='left'>
<h1>c</h1>
</div>
</body>

「cssをつかって、このような配置にしたい」の質問画像
通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2

  • 回答者： naokita
  • 回答日時：

<style type="text/css">


.right,.left{ float:left;width:200px;padding:10px;border:1px solid black;}
.left{ margin-right:20px;}
.left > div{ border:3px solid red;}
#a{ border:3px solid blue;}
#b{ border:3px solid green; margin-top:10px;}
</style>
</head>
<body>
<div style="margin:auto;width:500px;">
<div class='left'><div>
<h1>c</h1>
<p>もしくはFlexboxを利用するか</p>
</div></div>
<div class='right'>
<div id='a'><h1>a</h1></div>
<div id='b'><h1>b</h1></div>
</div>
</div>
</body>
</html>
    • good
    • 0
    • 件
通報する

No.1

なんでCSS？


色や線種の指定などは、CSSで書くけど、レイアウトはHTMLのtabelタグでしょう。
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報