布局demo

左定右自适应
HTML CSS

left

rightrightrightrightrightrightrightrightrightright


            <div class="one">
            <br>
            <div class="left">
            <p>left</p>
            </div>
            <div class="right">
            <p>
            rightrightrightrightrightrightrightrightrightright
            </p>
            </div>
            </div>

两边固定中间自适应
HTML CSS

left

right

centercentercentercentercentercentercenter


            <div class="left">
            <p>left</p>
            </div>
            <div class="right">
            <p>
            right
            </p>
            </div>
            <div class="mid">
            <p>centercentercentercentercentercentercenter</p>
            </div>

垂直水平居中1
HTML CSS


            <div class="outer">
            <div class="inner"></div>
            </div>

左定右自适应 HTML CSS

两边固定中间自适应 HTML CSS

垂直水平居中1 HTML CSS

左定右自适应
HTML CSS

两边固定中间自适应
HTML CSS

垂直水平居中1
HTML CSS