Я хочу найти хороший способ выйти за рамки родителя

#reactjs #material-ui

Вопрос:

введите описание изображения здесь

Панель «Наблюдатели» должна иметь ширину экрана, но теперь она распространяется на ширину родительского компонента.

компонент:

 export const Observers = () =gt; {  const { t } = useTranslation();  const classes = useStyles();   return (  lt;Containergt;  lt;Toolbar className={classes.toolbar}gt;Observerslt;/Toolbargt;  lt;/Containergt;  ); };  

Стиль:

 export const useStyles = makeStyles((theme: Theme) =gt;  createStyles({  toolbar: {  backgroundColor: theme.palette.primary.main,  padding: theme.spacing(4),  width: '100%',  },  }), );  

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

1. попробуйте добавить position: absolute; left: 0; в classes.toolbar