인프런 커뮤니티 질문&답변

비타민걸님의 프로필 이미지
비타민걸

작성한 질문수

모바일 웹 퍼블리싱 포트폴리오 with Figma

개별 페이지 HTML+CSS+JS 퍼블리싱(상세페이지) 04 - 장바구니 구매 버튼 상호작용

fixde문제인가요?

작성

·

201

1

마지막 goods- detail페이지 문의인데요

아래와 보시다 시피

fixed주고나서 저렇게 뛰어나왔어요

box-sizing: border-box 줘도 안먹히고요

width:값을 335px로 줄이면 딱맞는데

원래 fixed 주고 box-sizing: border-box

안먹히는건가요 ??

html도 아래 good-order-info는

goods-detail-content밖으로 밖으로 잘 분리되어 있는데요~~

 

 

.goods-order-info {
  background-color: #fff;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.05);
  padding: 20px;
  position: fixed;
  bottom: 0;
  width: 375px;
  border: 1px solid red;
  box-sizing: border-box;

}

 

.goods-order-info 

답변 1

0

width:값을 335px 또는 375px 이렇게 고정하시면 안됩니다.

width: 100%로 주시면 모든 디바이스 너비에 딱 맞게 됩니다.

비타민걸님의 프로필 이미지
비타민걸

작성한 질문수

질문하기