สมมุติเราทำงานโดยทำ div background และทำ div กล่องข้อความออกมาสองตัวชื่อ sample.html และมี stylesheet ชื่อ sample.css
<html>
<head>
<link rel="stylesheet" type="text/css" href="sample.css" />
</head>
<div id="bg">
<div id="div1">
<p>this is div 1</p>
</div>
<div id="div2">
<p>this is div2</p>
</div>
</div>
</body>
</html>
#bg{
width:800px;
height:100%;
background:#09c;
absolute: relative;
margin: 0 auto;
overflow:hidden;
}
#div1{
background:yellow;
width: 200px;
height: 100px;
}
#div2{
background:red;
width: 300px;
height: 100px;
}
ลองเอา code ข้างบนไปปรับค่า position หลายๆแบบดูนะคะ ว่าแต่ละอันจะส่งผลยังไง
เดี๋ยวพรุ่งนี้มาต่อในหัวข้อ float ul li span และการตั้งค่าอื่นๆนะคะ
