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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
老師辛苦了,真的挺有用的

最新回答 / 前端小鳥
并不是沒有上來,而是被遮蓋住了。你看不到而已。你把right的width設置成比left大一些可以看到其實它是被浮動元素遮住了。所以把right設置一個浮動就上來了。http://blog.sina.com.cn/s/blog_5f90da9b01016cmo.html把這篇文章好好看看就明白了。
好好看題啊。。。第二問用浮動。

最新回答 / 慕慕2042493
改成float:left;width100%;應該就是定義了mainbady的排列方式,所以應該是可以的
橫向兩列布局
使用absolute事項橫向兩列布局,常用于固定寬度,另一列寬度自適應的情況
relative:父元素相對定位
absolute:自適應寬度元素絕對定位
固定寬度的高度>自適應寬度的列
position屬性:1靜態定位2相對定位3絕對定位
屬性值:static,relative,absolute,fixed
absolute和fixed都屬于絕對定位
橫向兩列布局:
float屬性-使縱向排列的塊級元素,橫向排列
margin屬性-設置兩列之間的間距
當父包含塊所成一條的時候,使用clear:both方法清除浮動無效,它一般用于臨近后面的元素清除浮動
不是說好的是width是定值么?80%是定值?還是760px是定值???新手不太明白。。。。
這里的box1沒有設置寬度,但是設置了高度,當這個容器里面沒有內容,設置float會使它縮成一條豎線!

最新回答 / 慕慕2042493
ID選擇器只能用一次的概念我的理解是:對選擇元素做一次樣式定義,但是對于不同的元素,每種元素都可以但是只能使用一次
緊鄰在后面的元素收到影響,必須清除浮動
第二種定位機制:浮動布局
橫向多列布局:通過float屬性實現,left,right,none
特點:元素會左移,右移,直至碰觸到容器位置,仍然處于標準文檔流;
當元素設置浮動元素之后,會對相鄰的元素產生影響,相鄰的元素指的是緊鄰在后面的元素
4分20秒同樣代碼卻無法顯示視頻中的效果
請問下是哪里出錯了,完全按照視頻中的代碼來設置,卻顯示不了藍條,在div里添加文字后可以顯示 具體代碼如下:(我知道是未設置高度和內容才無法顯示 但是視頻里也沒有)
#wrap{background:blue;margin:0 auto;width:960px;}
<div id="wrap"><!--這里無法顯示設置的css效果-->
#wrap{width:970px;margin 0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{width:110px; position:absolute;}
#mid{position:absolute; width:650px;border:1px solid #999;left:123px;}
#right{left:790px;border:1px solid #999;position:absolute;}
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消