Q&A

css 초보 질문드립니다.ㅠ

튜닝셀프
2019.08.26 11:28
569
0
10
CMS/프레임워크 Rhymix 1.9
개발 언어 PHP 7.0

안녕하세요? 타운에 매번 질문만 드리네요 ㅠㅠ

 

@prologos 님의 '지금 이순간'위젯을 수정하다가 도저히 해결이 되지 않아서 이렇게 질문드립니다.

 

분명 코드를 아래처럼 했는데, 우측에 선이 생기지 않네요... 코알못이라 막막하네요...ㅠ

 

 

.hit_lists {width:100%; overflow:hidden; background: #fff; border:1px solid #F7990E; border-radius: 0px 0px 3px 3px; padding-top: 10px; margin-top: 5px;}

 

1.png

 

목록

댓글 10

  • beriz
    2019.08.26 11:31 #1258727
    브라우저의 캐시를 확인해보시고, 크롬 개발자 도구로 CSS의 속성이 무시되지는 않았는지 확인해보세요~
    추천 0
  • 튜닝셀프
    2019.08.26 12:24 #1258752
    무시된건 없는거 같아요ㅜ 답변 감사드려요!
    추천 0
  • 웹지기
    2019.08.26 12:10 #1258748
    width:100%를 조금 줄야여보세요~
    추천 1
  • 튜닝셀프
    2019.08.26 12:24 #1258756
    웹지기님 올만입니다^^ 잘 지내셨죠?ㅎ 한번 해볼께용!
    추천 0
  • 웹지기
    2019.08.26 12:36 #1258768
    네. 저는 여전합니다 ㅋㅋ
    추천 0
  • 튜닝셀프
    2019.08.26 12:31 #1258760
    오! width를 좀 줄이니 우측 선이 바로 나오네요! ㅋ 웹지기님 감사합니다! ^^
    추천 0
  • xemania
    2019.08.26 17:11 #1258820
    width를 줄이는게 해결책이 아닙니다.
    100%가 아니라면 빈 공백이 남기 때문이죠. 박스 모델링 개념을 아셔야합니다.
    팁을 알려드리자면,
    box-sizing: border-box 로 구글링 해보세요.
    추천 1
  • 튜닝셀프
    2019.08.27 01:48 #1258894
    아마 저 위젯이 테이블 안에 들어가는건데, 테이블 width가 160px라서 100%로 설정하니까 border가 2px를 잡아먹어서 넘치나봐요. 아래 supreme님의 댓글처럼요...
    추천 0
  • supreme
    2019.08.26 23:54 #1258859

    width가 100%에 border가 양쪽 합해서 2px 추가되어서 밀렸네요

    box-sizing: border-box; 를 추가하면 됩니다.

     

    추천 0
  • 튜닝셀프
    2019.08.27 01:49 #1258898
    supreme님 말씀이 맞는거 같아요. 테이블 속성 안에 들어가 있는 위젯인데, border가 2px를 잡아먹었나봅니다. 감사합니다 ^^
    추천 0
1 2 3 4 5