HTML網頁布局的兩種方式

2021-08-28 05:32:22 字數 357 閱讀 4945

網頁布局兩種方式:

浮動布局        定位布局

1.浮動布局

float:left right none;

注意:①設定浮動之後,元素會脫離文件流,飄起來。

②塊級元素設定浮動,失去獨佔一行的特性。

③浮動元素會受「父級」元素的擠壓,可能擠到下一行去。

④自動擴充套件大盒子高度

1.盒子塌陷:大盒子不設定高度,小盒子又全部浮動,大盒子合併一線

解決:使用偽元素選擇在大盒子後面新增乙個清楚了浮動的元素(加乙個假元素)。

示例:#main::after

作用:使用浮動來做網頁的整體大布

大盒子包小盒子 ,小盒子設定浮動 謹防塌陷

WPF內嵌網頁的兩種方式

在wpf程式中,有時會內嵌網頁。內嵌網頁有兩種方法,一種是使用wpf自帶webbrowser控制項來呼叫ie核心,另一種是使用cefsharp包來呼叫chrom核心。一 第一種使用自帶webbrowser 1 直接在介面xaml檔案中新增如下 1 2 3 auto 4 5 6 style comma...

移動端兩種布局方式

rem media less是我們移動端布局的第一種方案。移動端頁面設計稿尺寸 安卓手機尺寸 320px 360px 375px 384px 400px 414px 500px 720px 蘋果手機尺寸 640px 750px 通過less rem media 技術完成頁面在各個手機尺寸上的顯示 手...

web網頁,繞過登入的兩種方式

繞過登陸,訪問登陸後的頁面 方式一抓包獲取cookie import requests import urllib3 urllib3.disable warnings s requests.session s.verify false h body r s.post url,json body,he...