質問編集履歴
1
詳細を加筆しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
下記のようなコードを作成しております。なお、リッチテキストエディタのquillという外部サービスを利用しており、`#textile`にテキストを入力すると動的に要素が追加されていく仕様（例えば<p>が追加されていきます）になっております。そこで以下の2点について、お尋ねさせてください。
|
|
2
2
|
|
|
3
|
-
①`#textile`要素に要素を追加すると同要素の高さを可変的に高くしたいと考えております。例えば、同要素にheightを設定したり`.ql-editor`の`overfolow-y`プロパティを削除したとしても、可変的に高さを変えることができないのですが、どのようにcssを当てれば良いのでしょうか？
|
|
3
|
+
①`#textile`要素に要素を追加すると同要素の高さを可変的に高くしたいと考えております。例えば、同要素にheightを設定したり`.ql-editor`の`overfolow-y`プロパティを削除したとしても、可変的に高さを変えることができないのですが、どのようにcssを当てれば良いのでしょうか？さらには、一定の高さに達するとoverflow-yが動作する状況にしたいと考えております。
|
|
4
4
|
|
|
5
|
+
【追記】
|
|
6
|
+
より具体的には通常は100px位の最低heightを持っていて、要素を追加していきこれを超える場合には可変的に高さが上がり、1000pxを超えるとoverflow-yが動作するような結果をイメージしています。
|
|
7
|
+
|
|
5
8
|
②また、構造上、`.inquiry_wrapper`は`.textile_note_wrapper`の下にブロック要素として回り込むはずなのに中に`.textile_note_wrapper`の中に食い込んでしまいます。この原因と解決法についてもアドバイスをいただけると幸いです。
|
|
6
9
|
よろしくお願い申し上げます。
|
|
7
10
|
|