.sevice{
}
.sevice_img{
height: 474px;
background:url(../img/sev_bg-1.jpg)no-repeat center/cover;
text-align: center;
}
.sevice_img h2{
font-size: 3.7rem;
color: #fff;
font-weight: bold;
font-family: 'Spoqa Han Sans';
padding-top: 52px;
}
.sevice_img P{
font-size: 2.4rem;
font-family: 'Spoqa Han Sans';
font-weight: normal;
color: #fff;
line-height: 1.1;
margin: 32px 34px;
}
.sevice_inner{
text-align: center;
}
.sevice_inner ul{}
.sevice_inner ul li{}
.sevice_inner ul li div > a{
display: block;
float: left;
width: 45.572%;
height: 300px;
margin-left: 3.645%;
}
.sevice_inner ul li:nth-child(2) > div a{
background-image: url(../img/sev2.jpg);
}
.sevice_inner ul li:nth-child(3) > div a{
background-image: url(../img/sev3.jpg);
}
.sevice_inner ul li:nth-child(4) > div a{
background-image: url(../img/sev4.jpg);
}
.btn_sev{
display: inline-block;
font-size: 1.8rem;
color: #fff;
font-weight: bold;
font-family:'Spoqa Han Sans';
}
float으로 배열하는 와중에 li이가 위에 껴서 안움직이는대 왜그러는걸까요?
답변 2개 / 댓글 4개
주소를 알려줘보세요
이렇게 봐서는 구조가 어떻게 되어 있는지 알 수도 없어요 ㅠㅠ
답변에 대한 댓글 4개
하단이 원래 어떻게 돼야 하나요?
로고랑 카피라잇 부분이 우측에 있게?
그 서비스 이너의 ul에 display:table 주시구요 ul 넓이를 100%로 해주세요 그리고 li 넓이를 25%처럼 정확히 정해주세요
크롬에서 F12 누르셔서 개발자 도구 또는 검사 로 체크 해보시면 소스를 직접수정 하기 전에 테스트 처럼 수정해보실수 있습니다.
미리 한번 봐보심이 빠르실듯 합니다.
답변을 작성하려면 로그인이 필요합니다.
포폴작성중인대 768에서 하단이 문제입니다