Блог

Главная - Вопросы по программированию - CSS: как сделать, чтобы липкий нижний колонтитул имел ту же ширину, что и у брата?

CSS: как сделать, чтобы липкий нижний колонтитул имел ту же ширину, что и у брата?

#html #css #material-ui

#HTML #css #материал-пользовательский интерфейс

Вопрос:

У меня есть базовый липкий нижний колонтитул с CSS ниже

 .sticky-footer{
position : fixed;
bottom : 0;
}
 
 <Box>
   <Paper>
      Testing
   </Paper>
   <Paper>
      <Footer className='sticky-footer' />
   </Paper>
</Box>

Я могу заставить нижний колонтитул оставаться внизу, но ширина не соответствует его родственному, даже если они находятся в одном разделе <Box></Box> .
введите описание изображения здесь

а затем я попытался установить width : 100% , но размер закончился введите описание изображения здесь

Я попробовал другую настройку ширины, inherit но не работает.

Могу ли я узнать, как выровнять ширину, чтобы она соответствовала брату или сестре?

Комментарии:

1. Что-то не так с position:sticky, чтобы заставить вас использовать fixed? jsfiddle.net/3wf5mxqn

2. Привет @G-Cyrillus, спасибо за ваш ответ, я снова попробовал position:sticky, и теперь он работает нормально, правильно, есть конфликт с моим другим CSS. Еще раз спасибо.

Метки: