質問編集履歴
2
該当のソースコードにリンクを貼りました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -32,7 +32,7 @@
|
|
32
32
|
|
33
33
|
###該当のソースコード
|
34
34
|
|
35
|
-
https://codepen.io/ruucb/pen/bRLLzO
|
35
|
+
[https://codepen.io/ruucb/pen/bRLLzO](https://codepen.io/ruucb/pen/bRLLzO)
|
36
36
|
|
37
37
|
上記URLでソースを公開しています。
|
38
38
|
|
1
コメント内で新たに書いた情報を転記+タイトルを具体的な内容に変更しました
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
縦書きCSSのレイアウトが下にある
|
1
|
+
縦書きCSSのレイアウト要素の高さがきちんと取得されず、下にある要素の表示がおかしくなる
|
test
CHANGED
@@ -11,6 +11,20 @@
|
|
11
11
|
上記のような仕様で、テキストが縦書きになっているレイアウトのデザインを作っていましたが、
|
12
12
|
|
13
13
|
Firefox以外のブラウザ(Chrome・Safari・IE11・Microsoft Edge)で、縦書きコンテンツ下にある通常コンテンツを突き抜けた状態で表示されてしまいます。
|
14
|
+
|
15
|
+
|
16
|
+
|
17
|
+
**2017/06/30 20:00追記>**
|
18
|
+
|
19
|
+
|
20
|
+
|
21
|
+
- 縦書きレイアウト部分の要素の高さが2段目以降がうまく取得できず(要素につけた背景色が要素と合っていない)、その結果、下にある要素がフッターが変な位置に表示されてしまうのを解消できればと考えています。
|
22
|
+
|
23
|
+
- サンプルだと簡素なレイアウトなのですが、実装するサイトでは縦書きコンテンツの下に高さ不明のコンテンツを色々配置する予定です。
|
24
|
+
|
25
|
+
|
26
|
+
|
27
|
+
|
14
28
|
|
15
29
|
|
16
30
|
|