Results 1 to 10 of 10
Thread: div css .
Hybrid View
-
18th July 2011 12:30 #1Registered User
Join Date: Jul:2010
Location: -
Posts: 647
div css .
. , , absolute , , absolute div , div-a, relative . :
,
<div class="container"> divove
<div class="main"></a> , div 50 , , div 900px
<div class="sub-main-left">text</div>
<div class="sub-main-right">text</div>
main </div>
container</div>
css
.sub-main-left {width:450px; position:relative;border:1px solid red;} ,
.sub-main-right {width:450px; position:relative;border:1px solid blue;}
, . float, margin .lovelife.bg - ,
-
18th July 2011 14:00 #2
-
18th July 2011 14:04 #3Registered User
Join Date: Jul:2010
Location: -
Posts: 647
? , , float, . margin , , .
lovelife.bg - ,
-
18th July 2011 14:26 #4
.sub_main{ border: 1px solid red; float: left; width: 450px;}
div, :
, div, float.Code:<div class="sub_main">sub main 1</div> <div class="sub_main">sub main 2</div>
( ) .
-
18th July 2011 14:52 #5Registered User
Join Date: Jul:2005
Location: Sofiq
Posts: 2,798
. , . % , , border margin : 2 1 50% , . , css3 http://www.css3.info/preview/box-sizing/, ( IE).
-
18th July 2011 15:45 #6
-
18th July 2011 15:18 #7Registered User
Join Date: Jul:2010
Location: -
Posts: 647
, . 3 , , . :
HTML Code:.container {width:900px;} .class1 {float:left;width:300px;} .class2 {float:left;width:300px;} .class3 {float:left;width:300px;} <div class="container"> <div class="class1">text1</div> <div class="class2">text2</div> <div class="class3">text3</div> </div> position relative ? , , . position absolute ? ? shadow, , . , - , , 5 .lovelife.bg - ,
-
18th July 2011 20:18 #8
div :
relative , top, bottom, left, right, .HTML Code:<div class="container"> <div class="class1">text1</div> <div class="class3">text3</div> <div class="class2">text2</div> </div> .container { width: 900px; } .class1 { width: 300px; height: 100px; float: left; background: blue; } .class2 { width: 300px; height: 100px; margin: 0 auto; background: red; } .class3 { width: 300px; height: 100px; float: right; background: green; }
-
20th July 2011 08:33 #9Registered User
Join Date: Jul:2005
Location: Sofiq
Posts: 2,798
div . position:absolute position:relative. div "" position:absolute. , top left position:relative;Code:.container {width:900px;position:relative;} .class1 {float:left;width:300px;} .class2 {width:300px;position:absolute; top:0; left:0; } .class3 {float:left;width:300px;} <div class="container"> <div class="class1">text1</div> <div class="class2">text2</div> <div class="class3">text3</div> </div>
-
20th July 2011 21:43 #10div-a, . . 1 div float: left, 1 float: right 1 margin: 0 auto, html-a .
3 div-a top: 0, 1 left: 0, 1 left: 300px 1 right:0, .
, , 3 div-a float: left, html-a




Reply With Quote

Lenovo ThinkPad 15 IdeaPad 15
5th May 2023, 22:16 in