午夜福利毛片av,亚洲大色伊人综合网,伊人亚洲狼色综合

首頁免費課如何用CSS進行網頁布局問答

如何用CSS進行網頁布局

全部評論問答未解決精華

奔云石

.top{background:#ccc;}
.main{background:red; height:600px;}
.left{ width:30%;height:100%; float:left; background:blue;}
.right{width:60%;height:100%; float:right;background:black;}
.foot{background:orange;}

0 5-3 編程挑戰

2020-03-01

hello七里

測試ok的

.main{height:400px;background:red;position:relative;}
.left{ width:200px;height:400px;background:blue; position:absolute;left:0;top:0;}
.right{height:400px;background:lightgreen;margin-left:210px;}

0 5-3 編程挑戰

2020-02-21

這個為什么不行啊，能解答一下嗎

最新回答 / 慕神0129940

1.應該是margin:0 ? ? ? 2.漏了</style> ? ? ? ?3</div> 應該緊接著<div class="lee">后面

1 回答 557 瀏覽 2-1 一列布局

2020-02-18

qq_迷失的無聊

剛剛寫的那個有問題，感覺css很難學啊 .top{background:#ccc;height:50px;} .main{height:500px;background:#ff0000;position:relative;} .left{height:500px;width:200px;background:#0000FF;position:absolute;left:0px;top:0px;} .right{height:500px;margin-left:210px;background:#66CDAA;} .foot{background:#FF7256;height:50px;}

0 5-3 編程挑戰

2019-11-25

qq_迷失的無聊

分享一下

.top{background:#ccc;height:50px;}
.main{height:500px;background:#ff0000;position:relative;}
.left{height:500px;width:200px;background:#0000FF;float:left;}
.right{height:500px;position:absolute;left:210px;background:#66CDAA;width:100%;}
.foot{background:#FF7256;height:50px;}

0 5-3 編程挑戰

2019-11-25

左右浮動時的main沒有居中?。?/i>

最新回答 / 依然丶丶丶
float 之后margin就沒有作用了

2 回答 641 瀏覽 3-1 二列布局
2019-11-09

為什么我添加了main但是還是左右分開了

最贊回答 / 恰恰恰恰雪碧嗎
width

3 回答 729 瀏覽 3-1 二列布局
2019-11-01

Java攀登者

body{ margin:0; padding:0; font-size:30px; background-color:red}
.top{height:100px; background:#ccc}
.left{ width:200px; height:500px; background:blue;position:absolute;top:100px;left: 0; }
.right{ margin-left:210px;height:500px; background:#9C9;}
.foot{ height:100px;background:#F63;clear:both;}

0 5-3 編程挑戰
2019-10-28

超級小仙女

head{ width:100%; height:100px; background:#ccc}
.main{ height:600px; background:#FCC;margin:0 auto;}
.footer{ height:50px; background:#9CF;margin:0 auto;}

0 2-3 編程練習
2019-10-12

慕工程2275325

非常感謝！

0 5-3 編程挑戰
2019-10-05

qq_路維希_0

只貼關鍵部分代碼吧：
.main{background-color:red;height:600px;}
.left{width:200px;height:600px;background-color:blue;float:left;}
.right{height:600px;background-color:green;float:right;width:calc(100% - 210px);}
.foot{clear:both;heigth:100px;background-color:orange;}

0 5-3 編程挑戰
2019-09-25

任務三看不懂。。

最新回答 / 陳冠瑋
就把righe 標簽寫在前面呀 ~ 他本來的代碼就是把 right 寫在前面的！你只需要絕對定位 left ?，然后right 用margin-left：210px；就好了

1 回答 736 瀏覽 5-3 編程挑戰
2019-09-20

有點想法，跟大家分享下

最新回答 / 慕用8339455
注意float與position的區別：float僅僅只是將元素浮動到左邊或者右邊，沒有任何數值要求但是當有數值要求時，用絕對定位position更加精確

3 回答 808 瀏覽 5-3 編程挑戰
2019-09-16

提交成功通過了，看效果為什么中間部分分布在下面

最贊回答 / qq_落城南_0
就是中間字體太大，裝不下，你可以把字體調小，我用的3px，然后你看效果，就可以了。高度我用的300px，然后你全屏看效果，應該是了，我都行。

2 回答 638 瀏覽 4-3 編程練習
2019-09-07

慕勒3184409

.main 里面的 margin 后面少了分號既然居中了，沒有出錯？

0 2-1 一列布局
2019-09-07

為什么left和right不在同一水平上？

最贊回答 / 行云LS
因為是先加載right后加載left，right沒有浮動，因此要占一整行，left就被擠下去了。要達到效果可以把left變為絕對定位。代碼如下<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>混合布局編程挑戰</title><style typ...

3 回答 896 瀏覽 5-3 編程挑戰
2019-08-02

首頁上一頁 1 2 3 4 5 6 7 下一頁尾頁

該課程已下架

課程須知

1.你需要掌握html+css樣式基礎知識 2.有一定的前端實際開發經驗

老師告訴你能學到什么？

1.掌握網頁布局的相關知識 2.能對不同的網頁進行布局結構劃分 3.掌握固定寬度和自適應寬度的實現方法

微信掃碼，參與3人拼團

你發的評論可能會是問題？
是否將他發到問答中

熱搜

最近搜索清空

如何用CSS進行網頁布局