div가 안의 내용에 따라 크기가 변하는것(소스추가했습니다).
유진
div 에 내용의 양과 크기에 따라서 크기가 자동으로 변하게 할려면
float:left를 쓰면 된다는거 까지는 알고 있습니다.(착각했습니다. 여러가지 적용하다 이게 되서 썼습니다. ㅠㅠ)
그런데 이 css를 삽입 하면
div가 왼쪽으로 가버려 가운데 정렬을 할수 없게 됩니다..
혹시 다른 해결 방법이 있을까해서 이렇게 질문 해봅니다.
!DOCTYPE HTML
html
head
meta charset=utf-8
titleUntitled Document/title
/head
style type=text/css
.content{ position:relative; width:610px; margin-top:15px;padding-bottom:20px; border:2px #cccccc solid; }
.left_content{ float:left; width:420px;text-align:left ; }
.left_content h1{ margin:0; padding:0; font-size:18px; color:#222222}
.left_content p{margin:0; padding:0; font-size:14px; line-height:20px; margin-top:10px;color:#222222}
.right_content{ float:left; width:190px; color:#666666; font-size:14px}
/style
body
div class=content
div class=left_content
h1제목/h1
p가나다라마바사/p
/div
div class=right_content
ㅁㅇㅎ
/div
/div
/body
/htmlcontent에 테두리가 전체적으로 둘러싸지게 하고 싶은데.
너무 작게적용되서요??
왜그런거죠?
그리고 뭔가 착각 할수도 있는데 모른다고 퍼블리셔 아니니 기초부터 하라고
노골적으로 말씀하시는것은 솔직히 기분이 안좋네요..
나름 안굴리는 머리로 혼자서 열심히 일 하고 있는데 ㅠㅠ
-
봄해
display: table은 하위 ie에서 호환되지 않으니 ie hack 등을 이용해서 잘 사용하세요 ..
-
각티슈
css 없이 내용에 따라 변화할려면 inline 요소를 써야죠.
-
크나
div에 내용의 양에따라 크기가 자동으로 조절할려면 스타일이 필요가 없습니다.
정확한 소스가 없으니 답변을 해드릴 수가 없네요