General developer forum

css Calc() problem

 
Picture of Benoît Rousseau
css Calc() problem
 

Hi, I have a problem with my css theme, 


In my css code i put : 

.p-a-1 {

     margin-left: -315px;

width : calc(100% + 345px);

}

But when I load the page, if I check the source code, the second line are not showing.


Developper tool : 

.p-a-1 {
  1. margin-left: -315px;
}

What is the problem ?

 
Average of ratings: -
Picture of Benoît Rousseau
Re: css Calc() problem
 
I found a solution : 


.p-a-1 {

    margin-left: -315px;

    margin-right: -30px;

    width: -webkit-fill-available;

    right: 0;

    left: 0;

}


 
Average of ratings: -