みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

wordpressで線が消える

wordpress初心者の者です。
wordpressの固定ページでpinterestのようなタイル上の画像を並べたものを配置しています。
使っている長方形の線がページ最下部にきたものだけ、下線が消えてしまうのですが、cssの問題でしょうか?
サンプルは以下のようなデザインです。
http://bossato.github.io/sample/wookmark/example/
ちなみにプラグインで自動整形ツールを使っても正しく表示されません。
どなたか詳しい方、いらっしゃいましたら、ご教示ください。
以下、cssのコードです。


#tilel li {
width: 200px;
background-color: #ffffff;
border: 1px solid #dedede;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
display: none; /** Hide items initially to avoid a flicker effect **/
cursor: pointer;
padding: 4px;
}

投稿日時 - 2015-03-12 21:44:12

QNo.8934489

困ってます

質問者が選んだベストアンサー

borderの1pxだけが消える、という事でしょうか?

親ボックスにoverflow:hidden;が指定されていて、並べたものの一番下がはみ出した扱いになっているという可能性は考えられます。
jsを使っていると思うので、その計算が上手くいっていないという事も考えられます。

まぁこれだけの情報で特定するのは難しいので、まずは親ボックスにoverflow:hidden;があるかを確認して、あれば削除してみて挙動を確認するのが良いと思います。
それで解決しない場合は、もう少し情報を出しましょう。

投稿日時 - 2015-03-13 12:16:22

お礼

この度は早い回答ありがとうございました。
全くご指摘の通りでした。
わかりにく説明でしたが、よくぞ解決策を導いてくださり、ありがとうございました。おかげさまで、疑問が解決しました。

投稿日時 - 2015-03-13 21:24:29

ANo.1

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問