teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

コードミス

2021/06/10 07:07

投稿

pegy
pegy

スコア245

title CHANGED
File without changes
body CHANGED
@@ -47,13 +47,14 @@
47
47
  <div class="c c1 resizable"></div>
48
48
  <div class="c c2 resizable"></div>
49
49
  </div>
50
-
50
+    <script>
51
51
  $(document).ready(function () {
52
52
  $(".resizable").resizable({
53
53
  containment: 'parent',
54
54
  handles: 'e',
55
55
  animateDuration: 'fast'
56
56
  })
57
- })
57
+ })
58
+ </script>
58
59
  </body>
59
60
  ```

1

誤字修正

2021/06/10 07:07

投稿

pegy
pegy

スコア245

title CHANGED
File without changes
body CHANGED
@@ -19,11 +19,23 @@
19
19
  <meta name="viewport" content="width=device-width, initial-scale=1">
20
20
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/sunny/jquery-ui.css">
21
21
  <style>
22
+ .parent{
23
+ width:500px;
22
- <div class="parent">
24
+ height:100px;
23
- <div class="c c1 resizable"></div>
24
- <div class="c c2 resizable"></div>
25
- </div>
25
+ background:gray;
26
-
26
+ display:flex;
27
+ }
28
+ .c{
29
+ height:100%;
30
+ }
31
+ .c1{
32
+ width:75%;
33
+ background:red;
34
+ }
35
+ .c2{
36
+ width:25%;
37
+ background:blue;
38
+ }
27
39
  </style>
28
40
 
29
41