记录一下左右布局的实现方式，实现的具体效果是，左侧固定宽度，高度适中等于父元素的高度，父元素的高度由右侧内容决定： html代码如下： 1.flex布局实现左右布局，css代码如下： 效果图： 优点：只依靠css实现布局要求，书写方便，很容易记住。 缺点：pc端兼容性不好，对于手机项目的开发，也需要 ...
分类：
Web程序 时间：
2017-09-25 23:55:29
阅读次数：
261
布局后的样子就是长这样： 以下是让布局长这样子的一些方法 1.左边设置position为absolute，右边margin-left，右边的div不设置宽度，在它的子元素设置宽度100%，具体看下面代码 2.两边都设置position为absolute，具体如下： 3.接下去这种很好用，利用disp ...
分类：
其他好文 时间：
2017-09-02 12:16:05
阅读次数：
163
在css布局中，我们在很多情况下需要一变随浏览器宽度变动而变动 左侧固定 右侧固定 ...
分类：
其他好文 时间：
2017-07-20 17:27:21
阅读次数：
144
须要实现的是一个简单的左右布局页面，左側是一个固定定位的导航栏，右側是主体内容。当中右側下部须要实现一个footer，这个页脚须要在浏览器上下拉伸的时候始终固定在右側下方，同一时候。当页面缩放到小于右側主题内容高度时，footer不会超过主体内容。详细见下图： 上述的html结构例如以下： <bod ...
分类：
其他好文 时间：
2017-07-13 21:47:53
阅读次数：
161
左右布局，左边固定宽度，右边自适应。 自己整理的几种方法： 页面布局如下： 方法1: 左边定位，右边添加marge-left .div1{ width: 300px; height: 600px; background: black; position: absolute;} .div2{heigh ...
分类：
其他好文 时间：
2017-07-13 20:28:34
阅读次数：
153
还在用float：left;float:right;clearfix来设计两列布局吗？这次扔掉另外两根腿，用一条腿走路咋样嘞。。。 ...
分类：
其他好文 时间：
2017-06-30 01:13:06
阅读次数：
245
网站开发练习1 前端布局 1.1 登录布局 1.1.1 大背景图片形式 1.2 首页布局 1.2.1 左右布局（左侧菜单，右侧内容） 1.2.2 上下菜单 1.2.3 单列水平居中布局 1.2.4 表格布局 1.3 换肤 2 控件 2.1 弹窗控件 2.2 树控件 2.3 图片预览控件 2.4 表单 ...
分类：
Web程序 时间：
2017-04-20 18:40:44
阅读次数：
222
web前端开发之布局：先看效果图，最简单的左右布局。有可能还会被面试问道哈哈哈。一看也没什么特别之处，就是左边固定，右边自适应，就这么简单。 原理：通过设置一个margin-left;或者margin-right就可以搞定。方法有很多，这次就只介绍这种设置margin的。 代码： <!doctype ...
分类：
Web程序 时间：
2016-12-03 23:44:02
阅读次数：
218
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title></title>
</head>
<body>
<!--左侧-->
<divstyle="width:240px;float:left;height:300px;background:#666;">
<buttontype="button"..
分类：
其他好文 时间：
2016-11-23 17:11:14
阅读次数：
103
一、博客系统进度回顾以及页面设计 1.1页面设计说明 紧接前面基础基本完成了框架搭建，现在开始设计页面，前台页面设计我是模仿我博客园的风格来设计的，后台是常规的左右布局风格。 1.2前台页面风格 主页面： 技术博客风格： 详情页风格： 详情页留言风格： 1.3后台风格： 表格风格： 博客发布风格： ... ...
分类：
Web程序 时间：
2016-10-04 07:26:25
阅读次数：
417
