質問編集履歴

1

ご指摘いただいたのでコードを載せました

2020/08/23 17:20

投稿

sandalu
sandalu

スコア4

test CHANGED
File without changes
test CHANGED
@@ -3,3 +3,107 @@
3
3
 
4
4
 
5
5
  僕は子要素も幅1100になると思っていたのですが違ったので親要素がborder-box設定されていても子要素は親要素のcontent幅だけを引き継ぐのかな?と思いましたがこれで合っているでしょうか?
6
+
7
+
8
+
9
+ ```html
10
+
11
+ コード <div class="news-contents wrapper">
12
+
13
+ <article>
14
+
15
+ <header class="post-info">
16
+
17
+ <h2 class="post-title">店内ギャラリーの絵が新しくなりました</h2>
18
+
19
+ <p class="post-date">3/30 <span>2019</span><p/>
20
+
21
+ <p class="post-cat">カテゴリー:お店の紹介</p>
22
+
23
+ </header>
24
+
25
+ <img src="images/wall.jpg" alt="店内の様子">
26
+
27
+ <p>
28
+
29
+ 体に優しい自然食を提供する、WCB CAFE。無添加の食材を利用したメニューが特徴です。
30
+
31
+ おいしいブレンドコーヒーとヘルシーなオーガニックフードで体の内側から癒されてください。
32
+
33
+ 体に優しい自然食を提供する、WCB CAFE。無添加の食材を利用したメニューが特徴です。
34
+
35
+ おいしいブレンドコーヒーとヘルシーなオーガニックフードで体の内側から癒されてください。
36
+
37
+ </p>
38
+
39
+ <p>
40
+
41
+ 体に優しい自然食を提供する、WCB CAFE。無添加の食材を利用したメニューが特徴です。
42
+
43
+ おいしいブレンドコーヒーとヘルシーなオーガニックフードで体の内側から癒されてください。
44
+
45
+ 体に優しい自然食を提供する、WCB CAFE。無添加の食材を利用したメニューが特徴です。
46
+
47
+ 体に優しい自然食を提供する、WCB CAFE。無添加の食材を利用したメニューが特徴です。
48
+
49
+ おいしいブレンドコーヒーとヘルシーなオーガニックフードで体の内側から癒されてください。
50
+
51
+ </p>
52
+
53
+ <p>
54
+
55
+ 体に優しい自然食を提供する、WCB CAFE。
56
+
57
+ </p>
58
+
59
+ </article>
60
+
61
+
62
+
63
+ <aside>
64
+
65
+ サイドバー部分
66
+
67
+ </aside>
68
+
69
+ </div>
70
+
71
+ ```
72
+
73
+
74
+
75
+ ```css
76
+
77
+ コード.wrapper{
78
+
79
+ max-width: 1100px;
80
+
81
+ margin: 0 auto;
82
+
83
+ padding: 0 4%;
84
+
85
+ article{
86
+
87
+ width: 74%;
88
+
89
+ }
90
+
91
+ aside{
92
+
93
+ width: 22%;
94
+
95
+ }
96
+
97
+ .news-contents{
98
+
99
+ display: flex;
100
+
101
+ justify-content: space-between;
102
+
103
+ margin-bottom: 50px;
104
+
105
+ ```
106
+
107
+ どこをコードを載せればいいか迷いましたが
108
+
109
+ 一応質問に関係ありそうなコードを載せてみました