Border problem when set width 100% in html | CSS
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>
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?
এইটা ঠিক করার জন্য আপনাকে box-sizing: border-box property ব্যাবহার করতে হবে।
যেমনঃ
background-color: blueviolet;
border:2px solid red;
width: 100%;
box-sizing: border-box;
}