리버's 아름다운 소풍

오늘 CSS 스타일 "width=100%;margin-right:-175px;"을 드디어 해석했다. width와 margin을 같이 생각해서 도저히 해석이 안되는 거였다. 다음 그림을 보고서야 이해를 했다.

아래

These divs have the following CSS properties:

#div1 {
  width: 300px;
  height: 100px;
  border: 2px solid #f00;
}
#div2 {
  width: 300px;
  height: 100px;
  border: 2px solid #00f;
}

아래

#div1 {
  width: 300px;
  height: 100px;
  margin-bottom: 30px;
  border: 2px solid #f00;
}
#div2 {
  width: 300px;
  height: 100px;
  border: 2px solid #00f;
}

아래

#div1 {
  width: 300px;
  height: 100px;
  margin-bottom: -30px;
  border: 2px solid #f00;
}
#div2 {
  width: 300px;
  height: 100px;
  border: 2px solid #00f;
}


PS) 박스모델 오류도 자꾸 잊게 된다. 상기하는 차원에서..

div {
width: 100px;
padding: 10px;
border: 5px solid black;
margin: 10px; }

사용자 삽입 이미지
이 글의 관련글
일주일간 인기글
오늘 인기글

TRACKBACK :: http://pluto.ecplaza.net:8080/tt/river/trackback/185

댓글을 달아 주세요

[로그인][오픈아이디란?]

1  ... 149 150 151 152 153 154 155 156 157  ... 291 
BLOG main image
리버's 아름다운 소풍
이씨플라자 개발자가 살아가는 이야기
by 리버

카테고리

전체 (291)
살.아.가.며. (169)
웹.이.야.기. (60)
OS (13)
Software (16)
Security (4)
SQL Server (7)
Programming (19)

달력

«   2008/11   »
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30            
textcubeDesignMyselfget rss
Candle

289

222

-30 days

today : 42