简单布局

左侧定宽,右侧自适应

* {margin:0; padding:0;}
#logo { width:100%; height:90px; background:#F00;}
#container { position:relative; margin-top:15px; width:100%;}
#menu { position:absolute; top:0; left:0; width:200px;
height:460px; background:#00F;}
#content { margin-left:215px; background:#FF0; height:560px;}

时间: 2024-10-09 10:26:43

简单布局的相关文章

table 和 div 简单布局

table 简单布局 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu

WPF简单布局 浅尝辄止

WPF的窗口只能包含一个元素,为了在WPF窗口中放置多个元素并创建更实用的用户界面,需要在窗口上放置一个容器,然后在容器中放置其它元素. 注意:造成这一限制的原因是window类继承自contentcontrol类, 说道简单布局不得不说下wpf的布局原则: 理想窗口要遵循的布局原则: 1,不应显示的设定元素的尺寸. 2,不应使用屏幕坐标指定元素的位置. 3,布局容器和他们的子元素“共享”可以使用的空间. 4,可以嵌套布局容器. 布局过程包括:测量阶段和排列阶段.所有的wpf布局容器都是派生自s

DIV+CSS 样式简单布局Tab 切换

<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="../JS/JQuery/jquery-1.9.1.js" type="text/javascript"></script> <style type="

css练习 简单布局

<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link href="style/style.css" rel="stylesheet" type="text

利用CSS简单布局的不同组合类型

关于CSS布局页面的简单组合方式: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-eq

【ExtJS】简单布局应用

前几天学习了ExtJS的各种布局后,以下就是各种实践,从简单做起. 实现目的: 一个提交表单页,一个显示信息页,表单为个人基本资料输入,显示页为基本信息展示. 内容: 总体布局为border布局,展示页为west,提交表单为center.展示页可折叠,默认为折叠状态. 1.展示页用一个panel展示.可折叠,默认为折叠状态.点击提交后展示,点击关闭后关闭. 1 var show = Ext.create('Ext.panel.Panel',{ 2 region: 'west', 3 title:

CSS学习之首页简单布局

作为一个PHPer,在前端方面javascript.jquery这些的日常工作还搞的定.可对于div+css这些东西可就头疼了,所以现在开始学习CSS 跟着燕十八的教程开始从最基础学起,首先练习一个简单首页的布局 1 <html> 2 <head> 3 <title>首页布局</title> 4 <style> 5 #container { 6 width: 1200px; 7 background-color: blue; 8 } 9 #hea

Masonry 布局 cell 高度适应的一种方案(实现类似朋友圈简单布局)

来源:伯乐在线 - 夏天然后 链接:http://ios.jobbole.com/89298/ 点击 → 申请加入伯乐在线专栏作者 前言: 我模仿的是微博的布局所以也就没有 评论动态刷新cell. 1.什么人群适合看? 好奇Masonry使用的, 听过没用过, 没有深入的接触过的 可以看. 2.为什么要写? 很多文章都是这个原因 1 备忘 2 给需要的人 -.- 3.这篇可以了解哪些? Masonry + HYBMasonryAutoCellHeight + TTTAttributedLabel

iOS-collectionView,简单布局简单使用

简单的布局,简单的使用,效果如下 首先一定要确定每个cell的大小,以及cell之间的间距.边距之间的距离和 #pragma mark --UICollectionViewDelegateFlowLayout //定义每个Item 的大小 - (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtInde

css+html简单布局demo

在html中引入css样式,可以改变html的块布局方式,使得界面的布局更加美观.接下来看一个基础布局的小例子: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>margin布局</title> </head> <style type="text/