मुझे यकीन है कि इस समस्या से पहले पूछा गया है लेकिन मुझे जवाब नहीं मिल रहा है।माता-पिता को भरने के लिए सीएसएस चौड़ाई कैसे बनाएं?
मैं निम्न मार्कअप है:
<div id="foo">
<div id="bar">
here be dragons
</div>
</div>
मेरे इच्छा foo 600px
(width: 600px;
) की चौड़ाई के लिए और बार है निम्न व्यवहार बनाने के लिए बनाने के लिए है:
padding-left: 2px;
padding-right: 2px;
margin-left: 2px;
margin-right: 2px;
outerWidth: 100%;
दूसरे शब्दों में बार की चौड़ाई को 592px
पर सेट करने के बजाय मैं बार की बाहरी चौड़ाई 100%
पर सेट करना चाहता हूं ताकि यह 592px
पर गणना की जा सके। यहां महत्व यह है कि मैं foo की चौड़ाई को 800px
में बदल सकता हूं और बार इन गणनाओं के बजाय मैन्युअल रूप से गणित करने के बजाय बार की गणना करेगा।
क्या यह शुद्ध सीएसएस में संभव है?
इसके साथ कुछ और भी मजेदार:
- क्या
#bar
यदि एक मेज है? - क्या होगा अगर
#bar
एक टेक्स्टरेरा है? क्या होगा अगर
#bar
एक इनपुट है?क्या होगा यदि
#foo
एक तालिका कक्ष (td
) है? (इस परिवर्तन समस्या है या समस्या समान है?)
अब तक table#bar
, input#bar
चर्चा की गई। मैंने textarea # बार के लिए एक अच्छा समाधान नहीं देखा है। मुझे लगता है कि div
रैप के साथ कोई सीमा/मार्जिन/पैडिंग वाला टेक्स्टरिया div
के साथ textarea
के लिए सीमाओं के रूप में काम करने के लिए स्टाइल हो सकता है।
अरे, धन्यवाद। वैसे भी खून बहने का निर्णय ले रहे टेबल के साथ मज़ा भी है। मुझे लगता है कि टेबल में divs के समान व्यवहार है? –
@ डिमिट्री: नहीं, उनके पास विशेष नियम हैं जो उन्हें 'ब्लॉक' तत्वों की तुलना में 'इनलाइन-ब्लॉक' की तरह प्रस्तुत करते हैं। ध्यान दें कि मैंने कहा ** ** ** की तरह ** ** ** जैसा ही ** :-) आप जो अनुभव कर रहे हैं वह यह है कि जब तक कि अन्यथा परिभाषित नहीं किया जाता है, वे आम तौर पर उन सभी कॉलम को समायोजित करने के लिए विस्तारित होते हैं जो वास्तव में परेशान हो सकते हैं यदि कुछ शीर्षलेख/कोशिकाओं में उनमें लंबे समय तक अवांछित पाठ है। – prodigitalson
मदद करने के लिए धन्यवाद :) समस्याओं का एक और अधिक संपूर्ण अवलोकन देने के लिए मुझे थोड़ा सा सवाल अपडेट करने दें और उम्मीद है कि सभी कामकाज एक सेक्शन में सूचीबद्ध किए जा सकते हैं। –