<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>兩列橫下布局</title>
<style>
*{margin:?0;?padding:?0;?font-size:?14px;?font-color:rgb(50,50,50);list-style:?none;font-family:Verdana,?Geneva,sans-serif,?宋體;?}
div{display:block;}
????.warp{background-color:?#FFFF00;width:910px;?margin:0?auto;?}
????.head{width:?100%;}
????.logo?h1{background:url(images/logo.gif)?no-repeat;
?????width:?217px;
????????height:?63px;
????????text-indent:?-9999%;
????????cursor:pointer;}
????h1{
?????display:block;
?????font-size:2em;
?????-webkit-margin-before:0.67em;
?????-webkit-margin-after:0.67em;
?????-webkit-margin-start:0px;
?????-webkit-margin-end:0px;
?????font-weight:bold;
????}
????.logo?dl{float:?right;margin-top:?10px;}
????.logo?dt{font-width:bold;color:?#525252;line-height:26px;}
????.logo?dd{font-size:12px;?color:?#828282;?line-height:?24px;}
????.main{background-color:?yellow;?width:?100%;?overflow:?hidden;}
????.left{background-color:#000000;?width:?600px;float:?left;?}
????.right{background-color:?#00FF00;?width:?280px;float:right;}
????.foot{background-color:?purple;width:?100%;}
</style>
</head>
<body>
???<div>
????<div>
??????<div>
?????????<h1><a?href="#">騰訊軟件中心</a></h1>
?????????<dl>
?????????<dt>騰訊軟件中心,騰訊精品軟件展示平臺(tái)</dt>?
?????????<dd>我們會(huì)不斷提升產(chǎn)品的性能和體驗(yàn),為您提供最好用的軟件!</dd></dl>
??????</div>
????</div>
????<div>
????<div>left</div>
???<div>right</div>
????</div>
<div>foot</div>
</div>
</body>
</html>
2016-11-22
已看源代碼 找到答案了 不用回復(fù)啦 ?謝謝各位!
我是沒(méi)有設(shè)置 左邊那個(gè)圖片浮動(dòng)導(dǎo)致的~
2016-11-22