前端乙個小面試題總結如下：
1、方法一，高度100%，左側float，右側自動寬度（會自動佔滿剩餘寬度）。
2、方法二，絕對定位absolute，使用方法一的html結構，左側絕對定位，拉出文件流，高度100%並設定一定寬度400px。右側自動寬度（將佔100%）並設定margin-left：400px。
3、方法三， 右側寬度與高度均100%，左側部分float，使左側部分被包含到右側部分，如下面的html結構。
以下是**結構：
至於其他的方法就不在寫了，道理都是一樣的
charset="utf-8">
title>
head>
html
.body
.left
.right
style>
class="left">
hello,親愛的小一姑娘
hello,親愛的小一姑娘
hello,親愛的小一姑娘
hello,親愛的小一姑娘
hello,親愛的小一姑娘
hello,親愛的小一姑娘
hello,親愛的小一姑娘
hello,親愛的小一姑娘
hello,親愛的小一姑娘
hello,親愛的小一姑娘
hello,親愛的小一姑娘
hello,親愛的小一姑娘
div>
class="right">
hello,親愛的小一姑娘
hello,親愛的小一姑娘
hello,親愛的小一姑娘
hello,親愛的小一姑娘
hello,親愛的小一姑娘
hello,親愛的小一姑娘
hello,親愛的小一姑娘
hello,親愛的小一姑娘
hello,親愛的小一姑娘
hello,親愛的小一姑娘
hello,親愛的小一姑娘
hello,親愛的小一姑娘
div>
body>
html>
css布局之左側固定右側自適應布局
1.固定高度 左側固定 右側欄自適應寬度 title style type text css mainbody leftcol rightcol style head body divid mainbody divid leftcol div divid rightcol div div body ...
CSS 實現兩欄布局，左側固定寬度，右側自適應
1 flex 實現 doctype html 實現兩欄布局 title html,body content left right content div style head content left 這是第乙個div div right 這是第二個div div div body html 2 f...
兩列布局 左側寬度固定，右側寬度自適應的兩種方法
今天做了乙個練習，要求用兩種方法來實現左側寬度固定 右側寬度自適應的兩列布局。一開始我以為會很簡單，畢竟只是練習，但是我寫出了一種方法之後卻沒能順利的寫出第二種方法。對於網上的一些解決方法我還是不太滿意，於是自己繼續琢磨著，問問一些前輩，希望得到一些思路。終於，皇天不負有心人，在自己翻譯的一篇關於b...