PDA

View Full Version : Giải thix cho mình về position trong CSS



BeatOfAngle
16-07-2008, 10:45
Vấn đề về tạo góc cho khung.Mình có đoạn code


<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
.curlycontainer{
border: 1px solid #b8b8b8;
width: 300px;
}
.curlycontainer .innerdiv{
background: url(http://phpbasic.com/phpbasic_data/include/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}
</style>
</head>
<body>
<div class="curlycontainer">
<div class="innerdiv">
<b>Some title</b> <br />
Some text here.Some text here. Some text here.<br />
Some text here.Some text here. Some text here.<br />
Some text here.Some text here. Some text here.<br />
Some text here.Some text here.
</div>
</div>

</body>
</html>


Mình ko hiểu chỗ


position: relative;
left: 2px;
top: 2px;

ai có thể giải thix cho mình ??Cám ơn các bạn !!:)

khoanhi
16-07-2008, 12:11
Ai lại lấy ví dụ khó hiểu thế nhỉ?

Bạn lưu lại rồi chạy thử xẽ biết kết quả, khi học CSS thì nên gán thêm thẻ màu nền cho từng phần tử để dễ dạng nhận biết kết quả

BeatOfAngle
16-07-2008, 12:15
ý mình hỏi là cái


position: relative;
left: 2px;
top: 2px;

có tác dụng thế nào với ảnh làm góc brcorner.gif

khoanhi
16-07-2008, 23:12
Thì nó sẽ làm cho cái div này đi sang phải 2 px và lùi xuống dưới 2px so với div cha, với độ lùi này thì sẽ cảm thấy cái ảnh ở góc dưới bên phải che đi border của thằng div cha, tạo hiệu ứng cho cái khung :D. position: relative sẽ giúp thuộc tính top và left có nghĩa và lấy mốc tính từ div cha :D


theo mình chỉ nên để top 1 và left 1 là được rồi!



Nói chung về position mình vất rất mơ hồ, nhưng do vọc nhiều làm nhiều nên có kinh nghiệm khi nào thì dùng cái này khi nào thì dùng cái kia :D

Michico
18-07-2008, 12:55
cám ơn các bác, CSS em đang nghiên cứu
tiện đây bác nào giải thích giùm em

position: absolute; & static
left: 2px;
top: 2px;

ndgiang84
19-08-2008, 15:10
bạn vào w3schools >> CSS >> Advanced >> Position đọc và làm theo xem hiển thị kết quả vài lần là hiểu thôi mà :D

start008
14-12-2008, 09:09
nhưng anh văn cua mình kém wa. có bác nào có tài liệu tiếng việc không cho mình xin. thank rất nhiều. máy cái thuộc tính của nó nhiều wa trời càng học càng thấy hấp dẫn

0988338837
14-12-2008, 22:03
Position: xác định cách hiển thị của một đối tượng
position: value;
với value:
+ static
+ relative
+ absolute
+ fixed

giải thích:
- static(tương đối): đây là định dạng mặc định, nó không l� m ảnh hưởng đến cách hiển thị

- relative: kết hợp với top,left,right,bottom để định vị trí của phần content so với 4 cạnh của đối tượng...Chi tiết (http://thietkewebsitegiare.wordpress.com/2008/12/10/ch%c6%b0%c6%a1ng-22-position/)