首頁猿問網(wǎng)頁布局寬度設置

網(wǎng)頁布局寬度設置

.NET

RISEBY 2018-11-01 04:01:26

#outer { background-color:Gray; margin:10px auto; min-width:700px; max-width:900px; width:expression(document.body.clientWidth < 700? "780px" : document.body.clientWidth > 900? "900px" : "auto"); } #leftf { background-color: #E8F5FE; border: 1px solid #A9C9E2; float: left; height: 300px; width: 20%; } #rightf { background-color: #F2FDDB; border: 1px solid #A5CF3D; float: left; height: 300px; width: 70%; } <div id="outer">　　<div id="left"></div>　　<div id="right"></div></div>我是想把左邊div固定寬度那么右邊的div寬度該怎么算

查看完整描述

2 回答

不負相思意

TA貢獻1777條經(jīng)驗獲得超10個贊

不用這么寫

#rightf

{

height: 300px;

padding-left: 20%;

}

這樣就可以空出左邊的空間了，是標準的左右兩列布局

反對回復 2018-11-01

jeck貓

TA貢獻1909條經(jīng)驗獲得超7個贊

#outer{
            width:100%;
     float:right;
         margin-left:-250px;
     height:100%;
        }
        #leftf {
            background-color: #E8F5FE;
            border: 1px solid #A9C9E2;
            float: left;
            height: 100%;
            width: 250px;
        }
        #rightf {
            background-color: #F2FDDB;
            border: 1px solid #A5CF3D;
            margin:0 0 0 266px;
     border:1px solid black;
     height:100%;
        }