程序博客网 > 淘宝半指皮手套

HTML 用 CSS 实现网页布局

来源：互联网发布：淘宝半指皮手套编辑：程序博客网时间：2024/05/20 02:55

1 两列右列宽度自适应：

<thml>

<head>

<style>

.left{

border:1px solid #669911;

background:#uuffrr;

width:200px;

float:left;

}

.right{

border: 1px solid #eeffgg;

background: #uuffrr;

}

</style>

</head>

<body>

<div class="left">left</div>

<div class="right">right</div>

</body>

</html>

2 两列左列列宽度自适应：

<thml>

<head>

<style>

#left{

width:100%;

margin-left:-200px;

float:left;

background:#efefef;

}

#innerLeft{

margin-left:300px;

border: 1px dotted #556688;

}

#right{

width:200px;

float:right;

background:green;

border: 1px solid @556688;

}

p{

margin:0;

padding:0;

}

</style>

</head>

<body>

<div id="left">

<div id="innerLeft"><p>左列</p></div>

</div>

<div id="right"><p>右列</p></div>

</body>

</html>

淘宝半指皮手套

淘宝半指皮手套

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子奮鬥奋楫百舸争流奋楫者先读音奋楫者先中流击楫奋然的意思翮奋豆机智豆知豆咸豆浆常思奋不顾身下一句用奋不顾身造句奋不顾身的近义词奋不顾身的人奋不顾身的顾是什么意思奋不顾身爱上你你有没有过奋不顾身的爱情奋不顾身难舍难分是什么歌奋不顾身打一生肖奋不顾身的人是什么歌特别的人奋不顾身是哪首歌奋不顾身的反义词一场奋不顾身的爱情那次奋不顾身的爱情如果你曾奋不顾身爱上一个人奋不顾身是什么意思一场奋不顾身的爱情播出时间爱的奋不顾身爱的难舍难分我爱上让我奋不顾身的一个人奋不顾身的意思奋不顾身的爱情奋不顾身的意思是什么的身身弱爱太真太容易奋不顾身爱的太认真太奋不顾身爱的难舍难分爱的奋不顾身我们爱的那么深那么奋不顾身做一个愿意为你奋不顾身的人奋达音响