div同じ行に表示
一般的に私たちがウェブページを作るときに2つのDIVを置くと、表示するときにこの2つのDIVは列の面で表示されます.つまり、2番目のDIVは1番目の下に表示されます.この2つのDIVを行の方向に表示したい場合は、次のcssで実現できます.
<html>
<head>
<style type="text/css">
.left1{
float:left; /**//* col1 , ( ) ( : div, , ) */
width:300px;height:300px;
background:#eee;
border:1px solid #ccc;
}
.left2
{
float:left;/**//* col2 , col1 */
margin-left:5px;/**//* col2 col1 */
width:490px;height:300px;/**//* */
background:#ddd;
border:1px solid #ccc;
}
</style>
</head>
<body>
<div class="left1">
You did a good job!
</div>
<div class="left2" >
You did a good job!
</div>
</body>
</html>