亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

css混合布局遇到問題？

為什么像所教的那樣設置，效果不一致

正在回答

2 回答

好的，謝謝


0 回復 有任何疑惑可以回復我~

參考 一下?

<!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>

body{ margin:0; padding:0; font-size:30px; font-weight:bold}

div{ text-align:center; line-height:50px}

.top{ height:100px;background:#9CF}

.head,.main{ width:960px; margin:0 auto;}

.head{ height:100px; background:#F90}

.left{ width:220px; height:600px; background:#ccc; float:left;}

.right{ width:740px; height:600px;background:#FCC; float:right}

.r_sub_left{ width:540px; height:600px; background:#9C3; float:left}

.r_sub_right{ width:200px; height:600px; background:#9FC; float:right;}

.footer{ height:50px; background:#9F9; clear:both;}

</style>

</head>


<body>

<div class="top">

? ? <div class="head">head</div>

</div>

<div class="main">

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

? ? <div class="right">

? ? <div class="r_sub_left">sub_left

? ? ? ? </div>

? ? ? ? <div class=" r_sub_right">sub_right

? ? ? ? </div>

? ? </div>

</div>

<div class="footer">footer</div>

</body>

</html>


0 回復 有任何疑惑可以回復我~
#1

beyond_呵呵 提問者

好的，謝謝
2018-04-02 回復 有任何疑惑可以回復我~
#2

慕萊塢1835578

為什么視頻上，也沒加clear：both，綠色的塊也在下面
2019-07-29 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
如何用CSS進行網頁布局
  • 參與學習       209566    人
  • 解答問題       1206    個

用最簡潔的案例教你布局的那些知識，這是前端工程師基本技能

進入課程

css混合布局遇到問題？

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號