मेरे पास एक अजीब समस्या है जिसमें मुझे परेशानी हो रही है। इसलिए मैं इस प्रोटोटाइप एचटीएमएल 5 टेम्पलेट पर काम कर रहा हूं जो फ्लेक्सबॉक्स का उपयोग करता है। हालांकि मैं एक मामूली समस्या में भाग रहा हूं। मैं मूल div को "औचित्य-सामग्री" संपत्ति लागू करके टेम्पलेट के साइडबार और सामग्री क्षेत्र में एक छोटी सी जगह की कोशिश कर रहा हूं। हालांकि यह साइडबार और सामग्री क्षेत्र के बीच उस जगह को जोड़ नहीं रहा है। मुझे यकीन नहीं है कि यह क्या है कि मैं गलत कर रहा हूं। तो अगर कोई मेरी मदद कर सकता है तो यह बहुत अच्छा होगा। अग्रिम में धन्यवाद!औचित्य-सामग्री संपत्ति काम नहीं कर रही है
#wrapper
{
display: flex;
flex-direction: row;
justify-content: space-around;
flex-flow: row wrap;
flex: 1 100%;
width:92.5%;
align-self: center;
padding-top: 3.5em;
padding-bottom: 2.5em;
margin: 0;
}
#wrapper article.content-main
{
flex: 6;
order: 2;
}
#wrapper article.content-main section
{
background-color: rgba(149, 21, 130, 0.61);
border: 2px solid #c31cd9;
padding: 0.9em;
}
#wrapper aside
{
flex: 1;
padding: 0.4em;
background-color: rgba(17, 208, 208, 0.56);
border: 2px solid #15d0c3;
position: sticky;
}
नोट:: किसी को भी मेरी एचटीएमएल के अन्य तत्वों के किसी भी संबंधी सीएसएस कोड के किसी भी अन्य टुकड़ा की जरूरत है तो कृपया
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="../scripts/javascript/responsive_drop_down.js"></script>
<link href="../css/protoflexcss.css" rel="stylesheet" type="text/css" media="screen"/>
<title>Welcome to My Domain</title>
</head>
<body>
<header>
<h1>This is a placeholder <br />
for header</h1>
</header>
<nav class="main">
<div class="mobilmenu"></div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Video</a></li>
<li><a href="#">Pictures</a></li>
<li><a href="#">Audio</a></li>
<li><a href="#">Other Work</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</nav>
<div id="wrapper">
<article class="content-main">
<section>
<h2>Heading goes here...</h2>
<time datetime="2014-05-21T02:43:00">Officialy Posted On May 21<sup>st</sup> 2:35 A.M.</time>
<p>Content will go here...</p>
</section>
</article>
<aside>
<p>More content soon...</p>
</aside>
</div>
<footer>
<div class="copyright">
<span>All rights reserved 2014.</span>
</div>
<nav class="foot">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Video</a></li>
<li><a href="#">Pictures</a></li>
<li><a href="#">Audio</a></li>
<li><a href="#">Other Work</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</nav>
</footer>
</body>
</html>
यहाँ प्रासंगिक सीएसएस है:
यहाँ मेरी एचटीएमएल है मुझे पता है, और मैं खुशी से इसे प्रश्न में भी जोड़ दूंगा।
कृपया सुनिश्चित करें कि तत्व – Muhammed