Border problem when set width 100% in html | CSS

Home / Answer

Border problem when set width 100% in html | CSS

Author km sumon | Asked on 2022-11-28 | • HTML, CSS

Div কে 100% width দেওয়ার পর যদি border দেই তাহলে এক পাশের border শো করেনা। 

Code:

<style>
            body{
                margin: 0;
                margin: 0;
            }
             .nav{
                    background-color: blueviolet;
                    border:2px solid red;
                    width: 100%;
                 }
            div{
                float: right;
                padding: 20px;
              }
        </style>

 


I've defined widths of the containers in percentage. I'd like to add a border (3px on right side of a width), since container width is in % while the border width is in px, how can I adjust the width of the container?

authorAkif Hossain replied on 2022-11-28

এইটা ঠিক করার জন্য আপনাকে box-sizing: border-box property ব্যাবহার করতে হবে। 

যেমনঃ

     .nav{
                    background-color: blueviolet;
                    border:2px solid red;
                    width: 100%;
                    box-sizing: border-box;
                 }

 

উত্তর দেওয়ার জন্য আপনার অ্যাকাউন্ট টি লগইন করতে হবে

Do you want to get the latest update?