css برای تنظیم عرض دو عنصر

سلام دوستان، من یه css میخوام برای این دوتا عنصر، با شرایطی که در ادامه میگم:


ببینید میخوام عرض اون قسمت quantity، ثابت بمونه، و عرض دکمه افزودن یه سبد خرید، بشه به اندازه بقیه فضا، یعنی هم اندازه اون خط قرمزی که کشیدم، و با تغییر کردن عرض صفحه، صرفا عرض دکمه کم و زیاد بشه، و عرض اون قسمت quantity، دست نخوره.
اگر برای دکمه width: 100% بزنم، میرن زیر همدیگه ، اگرم مثلا برا دکمه width: 80% و برا quantity هم یه width: 20% بزنم، توی ریسپانسیو مشکل به وجود میاد و عرض quantity هم تغییر میکنه که اینو نمیخوام…

1 پسندیده

سلام دوستان، خودم با این css حلش کردم، میگم که شاید به درد بقیه هم بخوره:

.single_add_to_cart_button.button.alt{
	width: calc(100% - 126px);
}
2 پسندیده