Use Auto Layout選中表示使用自動布局機制來控制界面上元素的布局方式相對于自動布局的另外一個方式就是坐標式布局，必須由代碼顯示的指定UI 元素之間的坐標位置關系AutoLayout是蘋果推薦的布局方式，我們后續(xù)的代碼示例也基本；以網頁的響應式布局為例結構@媒體設備類型和設備特征樣式代碼 *媒體查詢* *頁面大于1200px時，大屏幕，主要是PC端* media最小寬度1200像素 *在992和1199像素之間的屏幕上，中等屏幕，PC*低；1絕對定位法HTML代碼如下LeftMainRightCSS代碼如下簡單的進行CSS resetbody，html height100% padding 0px margin0px左右絕對定位left，right position absolute top0px background red heigh；android 使兩個按鈕水平排列的方法是使用lineLayout線性布局，如下代碼lt？xml version=quot10quot encoding=quotutf8quot？ltLinearLayout xmlnsandroid=quotandroidquot androidlayout_width=quotfi；lt！doctype htmlDemo*margin0border0padding0xstagemarginautowidth800pxxboxopacity07fontsize0positionrelativemargin10pxpaddingtop60pxxpanelverticalalignmiddledisp。

1左邊固定，右邊自適應布局的兩種實現方式效果圖如下大屏展示小屏展示 第一種實現方式通過負邊距與浮動 實現左邊固定，右邊自適應的布局 主要代碼如下 left float left width 100% height 200px backgroundcolor；body margin0pxpadding0pxtextaligncenterfontfamilyquot宋體quot， quot新宋體quotbackgroundcolor#ffffff container width800pxheightautopositionrelativetextalignleftmargin0px autopadding0；第二步DIV布局 分別復制4個不同的div作為4部分，并且分別命名為不同id顯示內容為塊1塊2塊3塊4提示div在html里是單獨占一列的如果不控制，現在4個div布局完成代碼如下 塊1 塊2 塊3 塊。

使用Float屬性設置一行有多個DIV后多列，最好在下一行開始之前使用Clear屬性清楚一下浮動，否則上面的布局會影響到下面實例講解下面使用實例如果做一個簡單又基本的布局，效果如下圖代碼lt！DOCTYPE html PUBLIC quot；閑著沒事 給你寫了 lt？xml version=quot10quot encoding=quotutf8quot？ ltLinearLayout xmlnsandroid=quotandroidquotandroidlayout_width=quotmatch_parentquotandroidlayout_height=quotwrap_contentquotand；前面總結了如何應用android自帶的布局到ListView中去，現在如果想讓自己的ListView更生動，只需要將自己定義的布局應用到ListView中，在布局中添加一些生動的元素，比如，圖標一為ListView每個item添加一個圖標 先看效果首先；一用RelativeLayout進行純代碼布局的理論基礎 1RelativeLayout，顧名思義，就是以“相對”位置對齊 為基礎的布局方式2 有個繼承自 的內嵌類 LayoutParams；可以直接new View來得到View對象來實現代碼布局以下為示例代碼1絕對布局 AbsoluteLayout abslayout=new AbsoluteLayout thissetContentViewabslayoutButton btn1 = new Buttonthisbtn1setText”this is a；我理解的方法如下，沒做完整代碼，class或使用ID的CSS屬性需自己添加第一行 塊1內容 塊2內容 塊3內容 塊4內容 塊1內容 塊2內容lt；目錄注意 不管以上那種情況，scrollView 本身的大小和位置一定要相對固定 可以使用frame直接設置，也可以使用自動布局設置根據排列組合，共有 2*2 = 4 中情況，下面分別分析這種情況沒什么好說的，直接。

CSS樣式表代碼布局基礎教程課程10外部樣式表一 十外部樣式表 外部樣式表是把各種樣式單獨存在一個文件里，供其他多個網頁調用，下面我們來看一個練習 1文本編輯器 1打開記事本或 geditleafpad 文本編輯器，gedit 在查看菜單。