फेसबुक टिप्पणी बॉक्स की तरह लंबवत और क्षैतिज रूप से कटौती हो रही है

Question

मैं यह पता लगाने की कोशिश कर रहा हूं कि फेसबुक की तरह टिप्पणी बॉक्स क्यों फंस रहा है। मैंने आवश्यकतानुसार चौड़ाई विशेषता को एक बड़े आकार में बदलने की कोशिश की है। मैंने अपने एफबी में ऊंचाई विशेषता जोड़ा: परिभाषा की तरह भले ही यह ऐसा नहीं लगता है कि यह समर्थित है। न तो मदद करने लग रहा था।

मैंने एफबी के ठीक नीचे टिप्पणी तत्व पर "मार्जिन-टॉप" शैली भी डाली: तत्व की तरह यह सुनिश्चित करने के लिए कि उसके पास टिप्पणी बॉक्स के नीचे सामग्री के साथ कुछ करने के लिए कुछ नहीं था जो इसे काट रहा था ।

आप क्या मैं यहाँ के बारे में बात कर रहा हूँ का एक स्क्रीनशॉट देख सकते हैं: http://i.stack.imgur.com/y2Fll.jpg

मैं अब थोड़ी देर के लिए यह एक साथ जूझ रहा है। अगर कोई मदद कर सकता है, तो मैं इसकी सराहना करता हूं। धन्यवाद!

Answer 1

सुनिश्चित करें कि सभी मूल तत्वों का अतिप्रवाह है: उनकी सीएसएस परिभाषा में दृश्यमान सेट।

Answer 2

मुझे पता चला कि अगर आपके पास iframe max-width: 100%; पर सेट है तो यह पूरी तरह से fb-like बटन के साथ खराब हो जाता है।

.fb-like iframe { 
    max-width: inherit; 
} 

आपके मामले में यह हालांकि हो सकता है कि माता-पिता यह काट रहा है, मेरे मामले में के रूप में वहाँ के लिए बहुत कुछ अंतरिक्ष था: मैं { max-width: inherit; }

Answer 3

सीएसएस का एक सरल सा चाल किया iframe में बदल टिप्पणी बॉक्स का अधिकार। हालांकि, iframe पूरी तरह से तैनात किया जाना चाहिए और इसलिए इस बात की परवाह नहीं है कि पूरे बॉक्स के माता-पिता कैसा है।

Answer 4

यह एक साधारण फिक्स है, कोड में 62px की ऊंचाई है, हालांकि यदि आपका पृष्ठ नाम 2 बटन का हिस्सा है, तो बटन काट दिया जाएगा और ऊंचाई स्वचालित रूप से अपडेट नहीं होती है, मैंने इसे 70 तक अपडेट किया और अब समस्या हल हो गई है