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

回答編集履歴

2

追記しました。

2020/05/17 10:10

投稿

new1ro
new1ro

スコア4528

answer CHANGED
@@ -10,4 +10,45 @@
10
10
  object-fit: cover;
11
11
  display: block; /* 不要かもしれません */
12
12
  }
13
+ ```
14
+ ---
15
+
16
+ 追記していただいたCSSに追加しました。ご確認お願いします。
17
+ ```CSS
18
+ .posts-index {
19
+ position: relative;
20
+ padding: 5px 10px;
21
+ background-color: white;
22
+ overflow: hidden;
23
+ }
24
+ .post-left {
25
+ float: left;
26
+ /* width: 10%; */
27
+
28
+ /* 追加 */
29
+ width: 170px;
30
+ height: 120px;
31
+ overflow: hidden;
32
+ }
33
+ .post-left img {
34
+ /*
35
+ width: 170px;
36
+ height: 120px;
37
+ */
38
+ /* 追加 */
39
+ display: block;
40
+ width: 100%;
41
+ height: 100%;
42
+ object-fit: cover;
43
+ }
44
+ .post-right {
45
+ float: left;
46
+
47
+ /* width: 90%; */
48
+ width: calc(100% - 130px - 170px);
49
+
50
+ padding-left: 130px;
51
+ margin: 8px 0;
52
+ text-align: left;
53
+ }
13
54
  ```

1

修正しました。

2020/05/17 10:10

投稿

new1ro
new1ro

スコア4528

answer CHANGED
@@ -5,6 +5,8 @@
5
5
  height: 120px;
6
6
  }
7
7
  .post-box img {
8
+ width: 100%;
9
+ height: 100%;
8
10
  object-fit: cover;
9
11
  display: block; /* 不要かもしれません */
10
12
  }