鍍金池/ 問答/HTML/ 想實現(xiàn)右邊文字 左邊文本框?qū)挾?00%寬度自適應(yīng)，但是文本框卻到下面來了

想實現(xiàn)右邊文字 左邊文本框?qū)挾?00%寬度自適應(yīng)，但是文本框卻到下面來了

想實現(xiàn)這樣的clipboard.png
文本框 width: 100%;

   height: 30px;
   margin: 0 10px 10px 10px;
  要求文字不設(shè)置寬度
回答
編輯回答
笨小蛋

第一種：flex

.rate_box{ 
width: 100%; 
overflow: hidden; 
display: flex; 
} 
.rate_left{width: 100px;height: 40px;border: 1px solid red;} 
.rate_right{width: 100px;height: 40px;border: 1px solid green;} 
.rate_box input{width: 100%;}
2018年6月30日 08:34
編輯回答
笨笨噠

文本框浮動起來，設(shè)置一個右padding，這個值就是MHZ的寬度

缺點就是如果右邊不是MHZ，要換成別的，那你的樣式也要手動改變，好處就是簡單粗暴兼容性好

2017年8月18日 10:56