html - Position divs as follow without float -


मेरे पास एक वेब पेज है जो इस तरह दिखता है:

मैं जानना चाहूंगा कि क्या 2 बाह्य divs के लिए अलग मार्जिन-टॉप मान संभव है। फिलहाल, मैं मार्जिन सेट करता हूं: एक्स% या मार्जिन: [वैल्यू] पीएक्स दोनों बाहरी डिवा को मार्जिन से मान मिलेगा। मैं इसे केवल एक ही सेट को प्रभावित करने के लिए चाहूंगा।

मैं फ्लोट के बिना उल्लेख करता हूं क्योंकि मुझे फ़्लोट और मार्जिन / चौड़ाई वाली संपत्तियों में समस्या थी, लेकिन अगर आप फ्लोट का उपयोग करते हुए उचित समाधान के साथ आ सकते हैं, तो 'मेरी नाव फ्लोट करूँगा :)

बहुत बहुत धन्यवाद

मैं जिस तरह से एक सीएसएस नौसिखिया हूँ तो मुझ पर आसान हो

क्या आप ऐसा कुछ मतलब है?

html 

  & lt; div class = "container" & gt; & Lt; div वर्ग = "एएए" & gt; पहला & lt; / div & gt; & Lt; div वर्ग = "बीबीबी" & gt; दूसरा & lt; / div & gt; & Lt; div वर्ग = "सीसीसी" & gt; तीसरा & lt; / div & gt; & Lt; / div & gt; & Lt; div वर्ग = "कंटेनर" & gt; & Lt; div वर्ग = "एएए" & gt; पहला & lt; / div & gt; & Lt; div वर्ग = "बीबीबी" & gt; दूसरा & lt; / div & gt; & Lt; div वर्ग = "सीसीसी" & gt; तीसरा & lt; / div & gt; & Lt; / div & gt;

सीएसएस 

  div: नहीं (। कंटेनर) {मार्जिन: 10px 20px 30px 20px; पृष्ठभूमि: सफेद; ऊंचाई: 100 पिक्सेल; }। कंटेनर {फ्लोट: बाएं; पृष्ठभूमि: काला; पैडिंग: 20 पीएक्स; चौड़ाई: 200px; मार्जिन-शीर्ष: 25px; / * सेट दोनों divs शीर्ष * /}। कंटेनर: नहीं (: पहला बच्चा) {मार्जिन-बायां: 50px; / * मार्जिन-टॉप: 25px * / / * केवल दूसरे div या अन्य सभी को सेट करता है और पहले डिवेल को छोड़ देता है जैसे कि यह है। लेकिन इसके लिए आपको। से मार्जिन-शीर्ष एंट्री हटाना है। कंटेनर {* /}

लेकिन वास्तव में मैं इसके लिए अलग-अलग वर्गों का उपयोग करूँगा ताकि आप अपनी सीएसएस विन्यास के साथ प्रत्येक div सेट कर सकें। :)

जैसे: 

  .myfirstDivContainer {/ * pos डेटा यहाँ} /।। MySecondDivContainer {/ * pos डेटा यहाँ / /

और

संपादित करें

देखें

आप भी : Nth-child () जैसा 

  div.container: nth-child (0) {/ * आपकी पहली div के लिए डेटा} /} div.container: nth-child (1) {/ * आपके द्वितीय div के लिए डेटा * /}

और इतने पर ...


-

Comments

Post a Comment

Popular posts from this blog

Docker - Tomcat and PostgreSQL containers in same host - No Route to host -

I have a web application running on Tomcat and has started the container using the command, Docker run -d -p 8080: 8080 tveuser / tve-repository: tve-services I also run a PostgreSQL container on the same host using the following command am: Docker run-D-P 80: 80-P-5432: 5432 Tivejhr / Tive-repository: TV-post-Jiaracl I Verify that PostgreSQL is running using phpPgAdmin but Neither could it find the tomato to connect. 'Docker PS' also tells me that both the containers are up and running. I connect the web entry to the database through the TOKamet Reference.XML which contains the entry & lt; Parameter Name = "abc.connection.url" value = "jdbc: postgresql: //1.2.3.4: 5432 / dbname" /> Where 1.2.3.4 is the Dockers Host IP in which the Container is Running. But when I run the Tomcat Container, I get the following error: Org.postgresql.util.PSQLException: The connection attempt failed. On Org.postgresql.core.v3.ConnectionFactoryI...
Read more

Python Equivalent for matlab cart2pol and pol2cart -

I would like to use pol2cart and cart2pol for two functions in MATLAB. Is there an equivalent Python Function? Or if we can define work? For example, I tried to use the CeMatePactor function, but it only accepts one argument, I have 2 arguments to cross the polar and REC function. P> I have tried to use this function for cart2pol: def cart2pol (x, y): theta = atan2 (y, x) rho = Sqrt (x ** 2 + y ** 2) returns (theta, ro) thanks
Read more

java - Joda Time Interval Not returning what I expect -

मेरे पास निम्न प्रोग्राम है import java.util। *; Import java.text। *; आयात करें org.joda.time। *; सार्वजनिक श्रेणी के स्कोप कंट्रोल {सार्वजनिक स्थिर अंतराल मिलनसार () {दिनांक समय currDate = नया दिनांक समय (2008, 4, 4, 15, 30, 0, 0); दिनांक समय epochDate = नया दिनांकटाइम (2000, 1, 1, 12, 0, 0, 0); अंतराल अंतराल = नया अंतराल (युरोप डेट, करोडेट); वापसी अंतराल; } सार्वजनिक स्थिर शून्य मुख्य (स्ट्रिंग [] आर्ग्स) {डबल दिनबात = मिलते समय ()। ToDurationMillis () / 1000/60/60/24; StdOut.println (daysBtween); }} मुझे आउटपुट मिल रहा है: 3016.0 लेकिन जो मैं देख रहा हूं वह है: 3016.1458333333 मैं क्या कर रहा हूँ ? toDurationMillis एक लंबा लौटा देता है, और प्रत्येक प्रभाग को int के रूप में घोषित किया जाता है। जावा इस प्रकार इनट्स को लॉन्ग में परिवर्तित कर देगा और डिवीजन को लंबे समय तक लौटाना होगा। परिणाम को अंत में दोहरे रूप में परिवर्तित करना। डबल्स का उपयोग करके अभिव्यक्ति करने के लिए जावा को बताने के लिए, अभिव्यक्ति के किसी भी घटक को दोहरे रूप में घोषित करें। उदाहरण के लिए: ...
Read more