소금인형 - SW개발자?

  • 홈
  • Mac세상
  • Web개발
  • Server관리
  • DB관련
  • Mobile
  • 무료 Tools
  • [블로그 USA살아남기]

웹표준 1

[펌] [표준코딩] clear:both 스타일 요소 알아보기

출처: http://soulgraphy.com/110 (이해 하기 쉽게 정리가 잘 되있네요.) (clear:both는 하위div에 float속성을 상속되는 현상을 방지) clear:both; 는 float 설정을 초기화 해주는 옵션입니다. 다음과 같이 나란히 두개의 영역이 나오게 태그에 float 속성을 주겠습니다. 1번 2번 1번 2번 float속성에 left를 기입해 연속적으로 나타나게 합니다. 그렇다면 두번째 에 clear:both 속성을 넣으면 어떻게 될까요? 속성을 부여받은 태그는 이전 태그의 float 속성을 말그대로 clear 해 줍니다. 그래서 위 예제에 적용하면 2번이 아래로 떨어지게 됩니다. 1번 2번 1번 2번붉은 색으로 표시된 clear 속성을 삽입결과 2번 div 가 아래로 떨어지..

Web/WEB기본 2009.12.16
1
더보기
프로필사진

http://usa.edit.kr 미국생활블로그

  • 분류 전체보기 (926)
    • Mac세상 (113)
    • C# (59)
      • ASP.net (15)
    • WEB언어 (59)
      • PHP (39)
      • CodeIgniter (8)
      • nexacro (2)
    • Web (198)
      • Javascript (52)
      • jQuery (21)
      • Bootstrap (9)
      • WEB기본 (79)
      • eBook (17)
    • Server관련 (133)
      • AWS (17)
      • Sever(OS) (109)
    • DB관련 (6)
      • MySQL (22)
      • Oracle (7)
      • SQL Server (34)
    • IT공부방 (68)
      • 기초지식 (11)
      • MS OFFICE (14)
    • Mobile (17)
      • iPhone (4)
      • Android (4)
      • Web방식 (3)
    • JAVA (27)
      • JAVA&JSP (18)
    • 무료Tools도구들 (79)
    • N블로그3 (13)
    • 연봉10배만들기 (24)
      • MobileGame (4)

Tag

html5, MSSQL, jQuery, Tomcat, apache, MacOS, AWS, SVN, SQL, CSS, MySQL, CentOS, Linux, oracle, JavaScript, C#, epub, Mac, Eclipse, php,
06-01 18:11

방문자수Total

  • Today :
  • Yesterday :
반응형

Copyright Sage People. All rights reserved.

  • USA 살아남기
  • DB사랑넷
  • 한국리눅스유저그룹
  • 한국SW기술진흥원
  • 국가정보원
  • [NHN]NULI웹표준
  • 웹으로 말하기
  • iDB-AppleTrendBlog
  • 윤석찬님 블로그

티스토리툴바