Det mest grundläggande i en div-baserade webbplats (4 / 7 steg)
Steg 4: Gör två Divar i innehålls-div för navigering och faktiska innehåll
Mellan innehåll-taggen. ska du lägga till den nya koden:
< div id = "innehåll" class = "clearfix" >
< div id = "nav" >
Navigering
< / div >
< div id = "maincontent" >
Huvudsakliga innehåll
< / div >
< / div >
Vi ska lägga till lite css koden för att Visa navigering och huvudsakliga innehåll Divar;
div #nav {
bredd: 200px;
Float: left;
bakgrund: orange;
}
div #maincontent {
bredd: 600px;
Float: rätt;
bakgrund: rosa;
}
Observera att dessa två Divar är både flytande. Om vi inte hade sätter extra clearfix koden i föregående steg, skulle divs flyta utanför den omgivande div. Med metoden clearfix, ska vi se till det inte sker.
Se Steg
Relaterade Ämnen
Den mest grundläggande Paperman
detta är en riktigt-grundläggande paperman som går arround mig från de senaste 25 åren.Jag gjorde det massor av förändringar, nu det är mycket mer komplex, den kan hålla banners med meddelanden (jag hade alltid en berätta något, sitter på min datorsk...
Hur man gör en film Soundtrack med den mest grundläggande av program
någonsin ville göra ett soundtrack till en egen film för personligt bruk men hade inte tillgång till en dator med program som iTunes eller RealPlayer? Med denna tutorial lär jag dig hur man gör en CD-skiva med den enklaste av program, Windows Movie M...
Den mest grundläggande LEGO 9V ficklampan.
Det finns massor av 9V ficklampor instructables. Min bara utnyttjar den perfekta passformen på 5mm lysdioder i hålen i bitar av den klassiska tegelsten LEGO och fin och "Jag betalade för det" ser av tegel.Tack även för de som förklarar hur man å...
Den mest grundläggande papper Angel
Detta är inte en DESIGN av min egen!Jag såg en av dem i jul i huset av en vän, genom deras barn i skolan, och jag blev kär i, eftersom det är enkelheten själv.Jag publicerade det här eftersom jag inte kunde hitta det publicerade innan, och jag vill a...
Den mest grundläggande ull Monster
som ni kan se, det är den enklaste monster jag kunde göra. Jag använde en ull-boll-tofs av en gammal halsduk och två lager och en liten magnet.Förresten... Vad är namnet på saken?Hur som helst, det är en rolig monster och mitt barn älskar det, så...S...
Grundläggande rainbow vävstol
Här är det mest grundläggande rainbow vävstol armbandet. Det är super lätt och bara om någon kunde göra det. Du kan använda något märke så länge den har minst två rader av pinnar. Vävstolen som jag kommer att använda är konstigt vävstolen.Steg 1: Du...
Grundläggande "Klä upp" Flash spel
Dress-up spel är en de enklaste spel att göra med blixt. Detta instructable kommer att instruera dig om sätt att göra din egen dress-up spel.För att följa detta instructable, behöver du Adobe Flash av något slag. Jag använde CS6, som du kan ladda ner...
Nybörjare ren Data Tutorial: Grundläggande Synth
Pure Data är en fri, öppen källkod, realtid grafiska dataflöde programmeringsmiljö för ljud, video och grafik bearbetning. Det är särskilt bra för att skriva interaktiva audio, video och grafik program eftersom det kan vara lätt ansluten till hårdvar...
Grundläggande aritmetik i C++
Programmering är en relativt ny studie. En av de vanligaste och mest grundläggande kodning språk kallas C++. Detta används av stora företag som Google, Apple och Microsoft för att skapa program. Ett exempel är Google Doodle som visas på Googles start...
Grundläggande elektroniska komponenter
Hej allaI detta Instructable kommer jag att gå över grunderna komponenterna i elektroteknik samt det största användningsområdena inom industrin.Jag kommer också att ge korta instruktioner om var man kan hitta och bärga dem.Steg 1: växlar Växlar är en...
Grundläggande fuktighetskräm
när du köper hand, ansikte eller kroppen kräm, lotion, smör eller serum du köper i princip samma sak: en blandning av vatten och olja. Skillnader mellan produkter kommer från valet av oljor, olika proportioner och tillsatser som konserveringsmedel, d...
Grundläggande Guide till Flux kärnhus bågsvetsning
Hej och Välkommen till SLO Makerspace guide till Flux kärnhus bågsvetsning! Detta Instructable syftar till att lära dig att använda Lincoln Weld Pak HD flux Metallpulverfylld båge svetsare. Denna maskin är är en av de mest grundläggande svetsare till...
Android-utveckling: Att skapa en grundläggande kalkylator
Välkommen till en rolig tutorial på att göra en grundläggande kalkylator på en Android-applikation. I denna tutorial guidar jag dig genom dataöverföring all nödvändig programvara, utforma layouten för ansökan, kodning till att få det att fungera orde...
Grundläggande lydnadsträning för hundar
Mastering grundläggande lydnad kommandon är en viktig del av att vara en ansvarig hundägare. Dessa grundläggande kommandon att navigera relationen mellan djur och ägare mycket enklare och hålla både du och din sällskapsdjur säker i nödsituationer.Frå...
Introduktion till grundläggande kinesiska
Enligt en forskning finns det ungefär 1,5 miljarder människor talar kinesiska runt om i världen. Det finns också fler människor börjar lära sig kinesiska varje år. Kinesiska är mycket användbar, och den innehåller så mycket kultur. Det vore därför br...
Hur snabbt design en 3D modell med hjälp av grundläggande former
Jag har skapat mina egna delar, skriva ut och sätta dem för länge nu.I alla dessa projekt, har jag skapat alla mina mönster med ett mycket enkelt sätt.Dock var detta inte alltid fallet.Att övervinna mina begränsningarNär jag först började med 3D-utsk...
Super grundläggande Solar Lighting under $75
Om du letar efter en enkel, är billig men tålig solar belysning setup för din byggnad eller ekonomibyggnad då denna handledning perfekt för dig. Det finns många tutorials på denna webbplats men vi ville göra vårt system så sparsamt som vi kunde och f...
Grundläggande elektronik
att komma igång med grundläggande elektronik är lättare än du kanske tror. Detta Instructable kommer förhoppningsvis att avmystifiera grunderna i elektronik så att alla med intresse i att bygga kretsar kan slå i marken kör. Detta är en snabb översikt...
Grundläggande elmotor Masco G37
Användningen av detta instructable gör att vem som helst att skapa en liten motor. Genom att använda vissa grundläggande material, kan du bygga en motor som snurrar. Den använder de grundläggande principerna för en motor, spolen bildar en elektromagn...