質問編集履歴
3
追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -16,6 +16,10 @@
|
|
16
16
|
|
17
17
|
|
18
18
|
|
19
|
+
【2カラム自体をflexboxやgridで作ると簡単で、そもそもこの問題が発生しないかと思いますが、他の方法で2カラムにした時を想定して質問させていただいております。】
|
20
|
+
|
21
|
+
|
22
|
+
|
19
23
|
### 該当のソースコード
|
20
24
|
|
21
25
|
```html
|
@@ -686,7 +690,9 @@
|
|
686
690
|
|
687
691
|
|
688
692
|
|
689
|
-
|
693
|
+
【`display:table;`にして2カラムにすれば解決する事を確認しておりますが非推奨な方法かと思い別な方法を探しております。】
|
694
|
+
|
695
|
+
|
690
696
|
|
691
697
|
手順1. 親要素の高さを子要素に合わせるために`.main_container`を`inline-block`に変更
|
692
698
|
|
2
追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,6 +2,8 @@
|
|
2
2
|
|
3
3
|
2カラムのデザインで可変する兄弟要素(`aside`と`artcle`)の高さを揃える方法を教えてください。
|
4
4
|
|
5
|
+
現状のコードをなるべく変更しない方法を知りたいため、
|
6
|
+
|
5
7
|
下記を使わない条件下で行いたいです。
|
6
8
|
|
7
9
|
- `flexbox`
|
1
追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -10,6 +10,8 @@
|
|
10
10
|
|
11
11
|
- `position:abusolute`
|
12
12
|
|
13
|
+
- `JavaScript`
|
14
|
+
|
13
15
|
|
14
16
|
|
15
17
|
### 該当のソースコード
|
@@ -717,3 +719,15 @@
|
|
717
719
|
`flexbox`を使わない等の同条件で2カラムから作り直しでも構いません。
|
718
720
|
|
719
721
|
よろしくお願いします。
|
722
|
+
|
723
|
+
|
724
|
+
|
725
|
+
追記
|
726
|
+
|
727
|
+
---
|
728
|
+
|
729
|
+
検索すると`table`にして2カラムにする方法が多くあり、
|
730
|
+
|
731
|
+
それで解決しそうですが、テーブルではないので避けたい方法と考えております。
|
732
|
+
|
733
|
+
`table`は非推奨の方法でしょうか?
|