質問編集履歴

3

画像を追加。

2017/08/28 14:44

投稿

pomi220
pomi220

スコア8

test CHANGED
File without changes
test CHANGED
@@ -11,6 +11,14 @@
11
11
 
12
12
 
13
13
  を全画面でレスポンシブルに表示したいのです。(|は`border`です)
14
+
15
+ 以下の画像はやりたいことです。
16
+
17
+
18
+
19
+ ![このようにしたい](16e281311bfa106ce6b7f0064f36cefe.png)
20
+
21
+
14
22
 
15
23
  しかし、以下のコードで
16
24
 
@@ -84,6 +92,8 @@
84
92
 
85
93
  をすると`left-row`は正しく左に表示されるのですが、`main`の方は、下に隠れてしまいます。
86
94
 
95
+ ![すべて横に配置したい](3b69161bf6294f85a11ca69d57daa9c7.png)
96
+
87
97
 
88
98
 
89
99
  widthで%指定していることと、borderが競合しているのはわかるのですが、どのようにしたらいいのかわかりません。

2

初心者だから。

2017/08/28 14:43

投稿

pomi220
pomi220

スコア8

test CHANGED
File without changes
test CHANGED
File without changes

1

タイトルが非常に曖昧だったため。

2017/08/28 14:36

投稿

pomi220
pomi220

スコア8

test CHANGED
@@ -1 +1 @@
1
- CSSで横配列して、borderをつけたい。
1
+ CSSで2つのブロックを横配列して、borderをつけたい。
test CHANGED
File without changes