回答編集履歴

2

追加回答

2016/05/09 14:16

投稿

kogure
kogure

スコア299

test CHANGED
@@ -121,3 +121,43 @@
121
121
  }
122
122
 
123
123
  ```
124
+
125
+
126
+
127
+
128
+
129
+ /*追記*/
130
+
131
+ コメント書くのめんどいのでこちらに追記していきます。
132
+
133
+
134
+
135
+ p問題・・・これってカスタムフィールドとかつかって「テキストテキスト.....」って入力してませんか?
136
+
137
+
138
+
139
+ ><li>の中に<div>を二つ入れてるのがいけないとかあるのでしょうか?
140
+
141
+ あんまり気持ちよくないですが「いけない」訳ではないと個人的には思います。
142
+
143
+ でも自分が意図しない結果になるのなら作りを変えるのも手だと思います。
144
+
145
+
146
+
147
+ はみ出し問題・・・先に述べたようにfloatのため現状height固定してるから。
148
+
149
+ でも固定しないと枠がちっちゃくなるんですよね?なのでfloat使うときはclearしないといけなくてめんどいのです。。。。
150
+
151
+
152
+
153
+ 上の子問題・・・上の子にもカーソルを合わせていただけると。。。画像だけじゃみんなわからないので
154
+
155
+
156
+
157
+ あと、sytle部分もスクショなりとってほしいです。できるだけ多くの情報があったほうが導き出しやすいので。
158
+
159
+ あと最終的にここをこうしたいの!!ってのも現状から再度お伝えいただければ。。。
160
+
161
+
162
+
163
+

1

改修案

2016/05/09 14:16

投稿

kogure
kogure

スコア299

test CHANGED
@@ -3,3 +3,121 @@
3
3
 
4
4
 
5
5
  ul自体のmarginが消せてないからだとおもいます。
6
+
7
+
8
+
9
+ /*追記*/
10
+
11
+ あと、個人的にfloatが好きではないのでこんなのどうでしょう?
12
+
13
+ inline-blockとか使ってはどうでしょう?
14
+
15
+ (clearしないといけないのが。。。。だいっきらい!!ww)
16
+
17
+
18
+
19
+ ```css
20
+
21
+ .menberbox {
22
+
23
+ width:100%;
24
+
25
+ margin:0 3px 0px 0;
26
+
27
+ min-width:400px;
28
+
29
+
30
+
31
+ box-shadow: 0px 0px 0px 3px pink;
32
+
33
+ }
34
+
35
+
36
+
37
+ .menberbox ul{
38
+
39
+ margin:0px;
40
+
41
+ padding:0px;
42
+
43
+ font-size: 0px;
44
+
45
+ padding-top:10px;
46
+
47
+ }
48
+
49
+
50
+
51
+ .menberbox ul li{
52
+
53
+ display: inline-block;
54
+
55
+ width:50%;
56
+
57
+
58
+
59
+ vertical-align: top;
60
+
61
+ font-size: 16px;
62
+
63
+ margin: 0px;
64
+
65
+ padding-bottom: 20px;
66
+
67
+ }
68
+
69
+ .menberimg {
70
+
71
+
72
+
73
+ }
74
+
75
+ .menberimg img{
76
+
77
+ height:200px;
78
+
79
+ width:100%;
80
+
81
+ }
82
+
83
+
84
+
85
+
86
+
87
+ .menprof {
88
+
89
+ background-color:pink;
90
+
91
+ margin: 0px;
92
+
93
+ padding: 0px;
94
+
95
+ }
96
+
97
+ .prof1 {
98
+
99
+ max-height:100px;
100
+
101
+ border-bottom: 1px solid #000000;
102
+
103
+ overflow-y:auto;
104
+
105
+ margin: 0px;
106
+
107
+ padding: 0px;
108
+
109
+ }
110
+
111
+ .prof2 {
112
+
113
+ max-height:100px;
114
+
115
+ overflow-y:auto;
116
+
117
+ margin: 0px;
118
+
119
+ padding: 0px;
120
+
121
+ }
122
+
123
+ ```