（1）先放出相應的**，即：
123（2）將父元素設定為relative，子元素設定為absolute，同時讓子元素的top、left等設定為0，最後將margin設定為auto，即可實現父元素方框中的input框上下對齊。456717
18
（3）將height和line-height設定為一樣高，可以實現裡面的文字上下對齊；
（4）同時設定box-sizing和padding可以實現input框中文字滿了的時候不會溢位到邊框;
（5）設定border-radius將會使方框出現圓角；
以下是效果圖：
實現帶Icon的Input登入框布局
實現 基本思路 注意position relative脫離文件流，但是其本身的位置是在文件中佔據空間的 如 運用position relative調整位置後，達到效果，卻有著視覺 空行 的效果 是因為文件流中，仍然為div icon預留了它本身應有的位置，非手動新增的margin padding等 ...
css布局 實現左中右布局的5種方式
左中右布局 左邊右邊 左元素 float left 右元素 float right 中間元素 自動填充 左邊 左邊元素 position absolute left 0 右邊元素 position absolute right 0 中間元素 position absolute left 300px ...
兩種方式實現父布局中兩列布局的自適應
自適應寬度是很多網頁都具備的特性，因為實現自適應能讓使用者在改變瀏覽器視窗大小的同時，仍然可以看到原來版式的布局，並不會因為瀏覽器視窗的大小而讓版面失去了原來設計的布局。我們今天討論的是如果父布局的寬度固定，然後父布局內分成兩列，怎樣讓這兩列實現自適應布局。下面我們來看看如何實現這種自適應的效果。先...