질문/공유질답게시판

css 초보 질문드립니다.ㅠ

튜닝셀프
Extra Form
PHP PHP 7.0
CMS Rhymix

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

 

@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
  • ?
    브라우저의 캐시를 확인해보시고, 크롬 개발자 도구로 CSS의 속성이 무시되지는 않았는지 확인해보세요~
  • ? ?
    무시된건 없는거 같아요ㅜ 답변 감사드려요!
  • profile
    width:100%를 조금 줄야여보세요~
  • profile ?
    웹지기님 올만입니다^^ 잘 지내셨죠?ㅎ 한번 해볼께용!
  • profile ?
    오! width를 좀 줄이니 우측 선이 바로 나오네요! ㅋ 웹지기님 감사합니다! ^^
  • ? profile
    네. 저는 여전합니다 ㅋㅋ
  • ? profile
    width를 줄이는게 해결책이 아닙니다.
    100%가 아니라면 빈 공백이 남기 때문이죠. 박스 모델링 개념을 아셔야합니다.
    팁을 알려드리자면,
    box-sizing: border-box 로 구글링 해보세요.
  • profile ?
    아마 저 위젯이 테이블 안에 들어가는건데, 테이블 width가 160px라서 100%로 설정하니까 border가 2px를 잡아먹어서 넘치나봐요. 아래 supreme님의 댓글처럼요...
  • ?

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

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

     

  • ? ?
    supreme님 말씀이 맞는거 같아요. 테이블 속성 안에 들어가 있는 위젯인데, border가 2px를 잡아먹었나봅니다. 감사합니다 ^^