關于三列及以上布局
按照上面老師所說多列布局類似的代碼是怎么樣的呢
下面是我自己假設的 但好像不行
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>三列列布局</title>
<style type="text/css">
body{ margin:0; padding:0}
div{ text-align:center; line-height:50px}
.left{ width:25%; height:500px; background:#ccc;float:left}/*左浮動樣式*/
.middle1{width:25%; height:500px; float:left; background:#999}
.middle1{width:25%; height:500px; float:right; background:#999}
.right{ width:25%; height:500px; background:blue;float:right;}/*右浮動樣式*/
</style>
</head>
<body>
<div class="left">left</div>
<div class="middle1">middle1</div>
<div class="middle2">middle2</div>
<div class="right">right</div>
</div>
</body>
</html>
2019-03-27
class選擇名稱錯了,css里面兩個選擇器都是middle1,