css - How to make a floated div 100% height of its parent? -

-

यहां HTML है: 

  & lt; div id = "outer" & gt; & Lt; div id = "इनर" & gt; & lt; / div & gt; टेस्ट & lt; / div & gt;

और यहां सीएसएस है: 

  #inner {float: left; ऊंचाई: 100%; }

क्रोम डेवलपर उपकरण के साथ निरीक्षण पर, आंतरिक डिविजन 0 पीएक्स की ऊंचाई प्राप्त कर रहा है।

मैं इसे कैसे 100% माता-पिता div?

इसके कंटेंट के आधार पर #outer ऊंचाई के लिए और उसके पास #inner इसके ऊँचाई का आधार है, दोनों तत्वों को पूरी तरह से तैनात करते हैं।

अधिक विवरणों के लिए युक्ति में पाया जा सकता है, लेकिन अनिवार्य रूप से, #inner #outer की ऊंचाई स्वतः की ऊंचाई को अनदेखा करनी चाहिए #outer बिल्कुल स्थित है तब #inner ऊंचाई 0 होगी, जब तक #inner ही बिल्कुल स्थित नहीं है। 

  & lt; style & gt ; #outer {स्थिति: पूर्ण; ऊंचाई: ऑटो; चौड़ाई: 200px; सीमा: 1px ठोस लाल; } #inner {स्थिति: निरपेक्ष; ऊंचाई: 100%; चौड़ाई: 20px; सीमा: 1px ठोस काला; } & Lt; / style & gt; & Lt; div id = 'outer' & gt; & Lt; div id = 'इनर' & gt; & Lt; / div & gt; पाठ & lt; / div & gt;

हालांकि ... #inner स्थिति में, एक float सेटिंग को नजरअंदाज कर दिया जाएगा, इसलिए आपको चौड़ाई चुननी होगी स्पष्ट रूप से, और #outer में पेडिंग को नकली बनाने के लिए पाठ लपेटने के लिए मुझे संदेह है कि आप चाहते हैं। उदाहरण के लिए, नीचे, #outer का पेडिंग #inner +3 की चौड़ाई है सुविधा (पूरे बिंदु के रूप में #iner ऊंचाई से 100% प्राप्त करना था) #inner के नीचे पाठ को लपेटने की कोई आवश्यकता नहीं है, इसलिए यह # जैसा दिखाई देगा आंतरिक जारी है। 

  & lt; शैली & gt; # बाहरी 2 {पैडिंग-बाएं: 23px; स्थिति: पूर्ण; ऊंचाई: ऑटो; चौड़ाई: 200px; सीमा: 1px ठोस लाल; } # इनर 2 {बाएं: 0; स्थिति: पूर्ण; ऊंचाई: 100%; चौड़ाई: 20px; सीमा: 1px ठोस काला; } & Lt; / style & gt; & Lt; div id = 'outer2' & gt; & Lt; div id = 'inner2' & gt; & Lt; / div & gt; पाठ & lt; / div & gt;

मैंने अपने पिछले उत्तर को हटा दिया, क्योंकि यह आपके लक्ष्य के बारे में बहुत गलत मान्यताओं पर आधारित था।


Comments

Post a Comment

Popular posts from this blog

python - rename keys in a dictionary -

-
I want to change the names of keys in a dictionary which are ints, and I need them so that the inputs with key zero They can sort correctly. For example, my keys are like this: '1', '101', '11' and I may need them: '001', '101', '011' What is doing, but I know that there is a better way tmpDict = {} in the ADC for the old: t MpDict ['% 04d'% int (olden)] = addict [oldkey] New controlled = tmpDict You are going wrong about this if you want to draw entries on a line in a specific way, then you have to sort on the extraction. for sorted (D, key = int): print '% s:% R'% (k, d [k])
Read more

windows - Heroku throws SQLITE3 Read only exception -

-
After I deploy the app to Heroku, I have to run migration scripts and get this error message ... ITES \ padrino \ prophetmargin & gt; Heroku Rack AR: Rack mutated! SQLite3 :: ReadOnlyException: only one try to write database to read: CREATE TABLE "schema_migrations" ( "version" varchar (255) NOT NULL) /disk1/home/slugs/215264_925fd2c_65a3/mnt/.bundle/gems/gems/ padrino-core- is 0.9.11 / lib / padrino-core / cli / rake.rb: 9: in `init ' how can this be? I also tried to run Heroku dbpush SQLite: //db/my-db.db and that did not work Horoku sqlite3 but using postgres does not do. I'm not sure why you are receiving this error, however, as I have used sqlite3 in development and when pushing it into its travel, they do some magic which migrates to postgrads. I'm absolutely sure how Heroku does 'backwash' this database but it seems that this is happening to you because it's the SQLite db file which is obviously due to Heroku's...
Read more

lex - Building a lexical Analyzer in Java -

-
I am currently learning lexical analysis in compiler design. To know how a lexical analyzer actually works, I am trying to build myself. I am planning to make it in Java The input to the lexical analyzer is a .tex file that is of the following format. \ section {script} {intro} \ section {Scope} arbitrary text \ section {relevance} uncontrolled text \ subdivision (profit) arbitrary text \ subsubsection {in real life} \ subdivision {Ingredient} \ end {document} The output of the lecture may be a table of contents with a page number in another file. 1 Introduction 1 1.1 Scope 1 1.2 Relevance 2 1.2.1 Benefits 2 1.2.1.1 Real life 2 1.2.2 loss 3 I hope that This problem is within the scope of Language Analysis Read the .exe file and check '\' and continue to check whether it is actually on search In the sectioning command is set to indicate whether or not a flag variable is the type of sectioning. I hope the above approach will work for the construction of Lexa...
Read more