Use Auto Layout选中表示使用自动布局机制来控制界面上元素的布局方式相对于自动布局的另外一个方式就是坐标式布局，必须由代码显示的指定UI 元素之间的坐标位置关系AutoLayout是苹果推荐的布局方式，我们后续的代码示例也基本；以网页的响应式布局为例结构@媒体设备类型和设备特征样式代码 *媒体查询* *页面大于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 在查看菜单。