एक तत्व की ऊंचाई

Question

मैं सिर्फ सीएसएस के साथ एक षट्भुज बनाने के तरीके पढ़ाई कर रहा था के साथ सीएसएस calc() का उपयोग कैसे करें, और एक समाधान है कि मुझे चौड़ाई के आधार पर नियमित hexagons देता पाया:

.hexagon { 
    height: 100%; 
    width: calc(100% * 0.57735); 
    display: inline-block; 
} 

हालांकि, कोड मूल तत्व की चौड़ाई के आधार पर नए आयताकार उत्पन्न करके काम करता है। मैं माता-पिता की ऊंचाई के आधार पर चौड़ाई की गणना करने का एक तरीका खोज रहा था।

calc() के लिए चौड़ाई की बजाय तत्व की ऊंचाई संपत्ति का उपयोग करने का कोई तरीका है? (मैं vh का उपयोग नहीं कर रहा हूं क्योंकि निकटतम माता-पिता हमेशा व्यूपोर्ट नहीं होंगे)। मैं चारों ओर गुगल गया और जवाब नहीं मिला।

Answer 1

मुझे लगता है कि आप एक सीएसएस सिंटैक्स में स्क्रिप्ट चलाने की कोशिश कर रहे हैं, जो नहीं है।

कैल्क() पूर्ण मूल्यों के साथ मूल गणित संचालन कर सकता है, यह किसी तत्व की ऊंचाई नहीं ढूंढ सकता है और फिर उस पर गणित कर सकता है।

यदि आपको कोई समाधान मिला है तो कृपया मुझे बताएं। इससे बहुत मदद मिलेगी

चीयर्स !!