이전 목록 다음
채택완료

게시글에서 html을 사용하면 게시판 레이아웃이 넘칩니다.

마마린1
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-09-08 (금) 12:26:26 2,382

강제로 잡아줘야 할꺼같은데 잡아주면서 html 넣은게 작아질꺼 같네요.

혹시 다른방법은 없을까요?

그누보드5
|

답변 1개 / 댓글 4개

채택된 답변
+20 포인트
배배르만
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-09-08 (금) 12:39:49

html 에 강제로 인라인 스타일이 들어가는(또는 !important 키워드 까지 기술 되어있는) 경우

JavaScript 로 강제로 잡아줘야 합니다.

html 이 상대적 수치기반으로 구성되어 있을 경우

CSS 만으로 해결 가능할 것으로 보이구요

답변에 대한 댓글 4개

마린1
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-09-08 (금) 13:57:51
수치기반으로 되어있는데 CSS 잡을때 overflow를 해줘야하나요?
배르만
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-09-08 (금) 14:01:11
당연히 수치기반으로 되어 있겠죠
상대적 수치기반이냐
절대적 수치기반이냐
가 중요한 것이고

CSS 잡을때 overflow 를 해줘야 하냐는 질문에
제시된 어떠한 기준도 없어 답변을 드릴수가 없습니다.
마린1
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-09-08 (금) 14:03:46
제가 css엔 거의 문외한이라

상대적 수치기반 : 100%

절대적 수치기반 : width:150px 같은걸 이야기하시는것 같네요.

90%이상이 상대적 수치기반으로 되어있습니다.

그럼에도 불구하고 자기가있어야할 main을 범람하는 이유를 알수가없네요.
배르만
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-09-08 (금) 14:15:32
우선은 상대적 기반이라면 절대적 일때 보다는 문제해결하기가 수월해집니다.

다만 상대적 기반일지라도 표기를 잘못하면 아래처럼 문제가 생길수 있구요

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>title</title>
<style type="text/css">
.main {
background-color: #eee;
width: 70%;
margin: auto;
}
.main ul {
border: 1px solid #000;
width: 110%;
margin-left: -10%;
}
</style>
</head>
<body>
<div class="main">
main
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
</body>
</html>

이 외에도 많은 문제들이 있을수 있는데
무엇이라 콕 찝어 답변을 드릴수가 없네요

답변을 작성하려면 로그인이 필요합니다.