테스트 사이트 - 개발 중인 베타 버전입니다

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

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

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

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

답변 1개

채택된 답변
+20 포인트

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

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

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

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 4개

수치기반으로 되어있는데 CSS 잡을때 overflow를 해줘야하나요?
당연히 수치기반으로 되어 있겠죠
상대적 수치기반이냐
절대적 수치기반이냐
가 중요한 것이고

CSS 잡을때 overflow 를 해줘야 하냐는 질문에
제시된 어떠한 기준도 없어 답변을 드릴수가 없습니다.
제가 css엔 거의 문외한이라

상대적 수치기반 : 100%

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

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

그럼에도 불구하고 자기가있어야할 main을 범람하는 이유를 알수가없네요.
우선은 상대적 기반이라면 절대적 일때 보다는 문제해결하기가 수월해집니다.

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

<!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>

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

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

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

로그인
🐛 버그신고