最新回答 / 前端小鳥
并不是沒有上來,而是被遮蓋住了。你看不到而已。你把right的width設置成比left大一些可以看到其實它是被浮動元素遮住了。所以把right設置一個浮動就上來了。http://blog.sina.com.cn/s/blog_5f90da9b01016cmo.html把這篇文章好好看看就明白了。
2016-01-11
橫向兩列布局
使用absolute事項橫向兩列布局,常用于固定寬度,另一列寬度自適應的情況
relative:父元素相對定位
absolute:自適應寬度元素絕對定位
固定寬度的高度>自適應寬度的列
使用absolute事項橫向兩列布局,常用于固定寬度,另一列寬度自適應的情況
relative:父元素相對定位
absolute:自適應寬度元素絕對定位
固定寬度的高度>自適應寬度的列
2016-01-10
position屬性:1靜態定位2相對定位3絕對定位
屬性值:static,relative,absolute,fixed
absolute和fixed都屬于絕對定位
屬性值:static,relative,absolute,fixed
absolute和fixed都屬于絕對定位
2016-01-10
橫向兩列布局:
float屬性-使縱向排列的塊級元素,橫向排列
margin屬性-設置兩列之間的間距
當父包含塊所成一條的時候,使用clear:both方法清除浮動無效,它一般用于臨近后面的元素清除浮動
float屬性-使縱向排列的塊級元素,橫向排列
margin屬性-設置兩列之間的間距
當父包含塊所成一條的時候,使用clear:both方法清除浮動無效,它一般用于臨近后面的元素清除浮動
2016-01-09
第二種定位機制:浮動布局
橫向多列布局:通過float屬性實現,left,right,none
特點:元素會左移,右移,直至碰觸到容器位置,仍然處于標準文檔流;
當元素設置浮動元素之后,會對相鄰的元素產生影響,相鄰的元素指的是緊鄰在后面的元素
橫向多列布局:通過float屬性實現,left,right,none
特點:元素會左移,右移,直至碰觸到容器位置,仍然處于標準文檔流;
當元素設置浮動元素之后,會對相鄰的元素產生影響,相鄰的元素指的是緊鄰在后面的元素
2016-01-09
4分20秒同樣代碼卻無法顯示視頻中的效果
請問下是哪里出錯了,完全按照視頻中的代碼來設置,卻顯示不了藍條,在div里添加文字后可以顯示 具體代碼如下:(我知道是未設置高度和內容才無法顯示 但是視頻里也沒有)
#wrap{background:blue;margin:0 auto;width:960px;}
<div id="wrap"><!--這里無法顯示設置的css效果-->
請問下是哪里出錯了,完全按照視頻中的代碼來設置,卻顯示不了藍條,在div里添加文字后可以顯示 具體代碼如下:(我知道是未設置高度和內容才無法顯示 但是視頻里也沒有)
#wrap{background:blue;margin:0 auto;width:960px;}
<div id="wrap"><!--這里無法顯示設置的css效果-->
2016-01-09
#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;}
#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;}
2016-01-09