国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術(shù)文章
文章詳情頁

html - 一道簡單CSS的面試題

瀏覽:91日期:2023-01-17 14:30:05

問題描述

今天剛剛碰到的 hr要求一個半小時完成

要求p自適應(yīng)大小

邊距都是30px,剩下的p全部自適應(yīng)屏幕 如果有根據(jù)屏幕大小自動變化CSS樣式的更好

要求已經(jīng)寫在圖上了 有沒有萌新前來練手

html - 一道簡單CSS的面試題

問題解答

回答1:

<style type='text/css'><!-- html,body {height: 100%; } body, body * {margin: 0;padding: 0; } p {box-sizing: border-box;-webkit-box-sizing: border-box;border: 1px solid #333; } .header_left, .header_right {height: 40%;float: left;margin-top: 10%; } .header_left {width: 40%; } .header_right {width: 60%;border-left-style: none; } .clear {clear: both;border: none; } .main {margin-top: 5%;height: 45%;color: red;text-align: center; } .main_left, .main_right {float: left;width: 60%;height: 100%;border: none; } .main_right {width: 40%;border-left: 1px solid #333; }.main_left_top,.main_left_middle,.main_left_bottom,.main_right_top,.main_right_bottom { margin: 30px;}--></style> <p class='header_left'></p><p class='header_right'></p><p class='clear'></p> <p class='main'><p class='main_left'><p class='main_left_top'>隨著內(nèi)容適應(yīng)大小</p><p class='main_left_top'>隨著內(nèi)容適應(yīng)大小</p><p class='main_left_bottom'>隨著內(nèi)容適應(yīng)大小</p> </p><p class='main_right'><p class='main_right_top'>隨著內(nèi)容適應(yīng)大小</p><p class='main_right_bottom'>隨著內(nèi)容適應(yīng)大小</p></p><p class='clear'></p> </p>回答2:

有2種方法實現(xiàn)一種是float,一種是flex,不過可能flex的兼容性不太好float布局

flex布局

回答3:

這個問題不難啊,我會,分分鐘搞定

回答4:

圖已經(jīng)寫得很詳細了,只要根據(jù)圖寫出相應(yīng)的布局就OK了。如果還是迷茫的,建議你從鞏固一下p布局。

回答5:

挺簡單的,只是自適應(yīng)不是響應(yīng)式,都標著百分比了

標簽: HTML
相關(guān)文章:
主站蜘蛛池模板: 亚洲综合首页 | 狠狠色狠狠色综合久久一 | 怡红院美国十次成人影院 | 国产成人精品系列在线观看 | 在线一区免费视频播放 | 福利姬在线精品观看 | 亚洲99爱| 国产在线观看xxxx免费 | 国产精品观看在线亚洲人成网 | 波多野结衣免费视频观看 | 一级做性色a爰片久久毛片免费 | 国产高清美女一级a毛片久久w | 成人免费公开视频 | 亚洲一级香蕉视频 | 另类专区另类专区亚洲 | 精品国产一区二区三区四区不 | 日韩在线观看一区 | 久久亚洲一级α片 | 亚洲精品国产经典一区二区 | 久久精品女人毛片国产 | 成人国产永久福利看片 | 久久国产精品1区2区3区网页 | 亚洲3级| 国产三级毛片 | 91黑丝国产线观看免费 | 亚洲一区二区三区四区五区 | 午夜精品亚洲 | 亚洲欧美日韩在线线精品 | 欧美一级欧美三级在线观看 | 男女男免费视频网站国产 | 亚洲国产亚洲片在线观看播放 | 欧美人在线一区二区三区 | 成年人免费看 | 久久亚洲精品国产精品777777 | 久久精品福利视频 | 国产在亚洲线视频观看 | 在线观看日本视频免费 | 免费一级成人毛片 | 亚洲视频免费在线 | 久爱www免费人成福利播放 | fulidown国产精品合集 |