노란색박스가 가운데로 오게하려면 어떻게 하나요?
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>무제 문서</title>
<style type="text/css">
body {
margin:0;
width:100%;
background-image: url();
}
.main_wrap{
width:100%;
background-color:red;
valign:top;
height:300px;
}
.main_wrap .inner{
width:50%;
float:center;
height:100px;
background-color:yellow;
valign:top;
}
-->
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- 메인 -->
<div class="main_wrap">
<div class="inner">
sorry.
</div>
</div>
</body>
</html>
-------------------------------------
노란색박스 float:center; 해주는데도 가운데로 안와요..
그리고
.main_wrap .inner{
는
.main_wrap {}
.inner{ }
분리해도 상관없나요? 어떤차이가 있는지요?
댓글 2개
9년 전
float:center ----> margin:0 auto; 로 한번 해보시고요
.main_wrap .inner{ 이거는 main_wrap 안에 있는 inner 만 적용 될거고요
그냥 .inner 는 inner라는 클래스에 다 적용될 거고요
맞겠죠?
.main_wrap .inner{ 이거는 main_wrap 안에 있는 inner 만 적용 될거고요
그냥 .inner 는 inner라는 클래스에 다 적용될 거고요
맞겠죠?
9년 전
감사합니다~~~~~!!
게시글 목록
| 번호 | 제목 |
|---|---|
| 17983 | |
| 17981 | |
| 17980 |
JavaScript
시도, 구군, 동 주소 select
|
| 17979 |
MySQL
커리로 DB 테이블 명세서 출력하기
|
| 17978 |
JavaScript
브라우저 해상도 구분없는 절대 x,y 좌표 값 구하기 입니다
|
| 17977 |
PHP
rss 읽어오기 입니다.
|
| 17976 |
JavaScript
자바스크립트로 Ajax 효과내기 입니다.
|
| 17973 | |
| 17967 | |
| 17963 | |
| 17957 | |
| 17954 | |
| 17950 | |
| 17947 | |
| 17945 | |
| 17942 | |
| 17938 | |
| 17937 | |
| 17936 | |
| 17933 | |
| 17932 | |
| 17931 | |
| 17926 | |
| 17921 | |
| 17917 | |
| 17906 | |
| 17905 | |
| 17903 | |
| 17902 | |
| 17892 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기