一个三行两列右列固定左列自适应宽度的css -尊龙游戏旗舰厅官网
尊龙游戏旗舰厅官网
收集整理的这篇文章主要介绍了
一个三行两列右列固定左列自适应宽度的css
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
xml version="1.0" encoding="utf-8"?>
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="content-type" content="text/html; charset=gb2312" />
<meta http-equiv="content-language" content="gb2312" />
<meta name="author" content="dsclub,兀儿-干部" />
<meta name="尊龙游戏旗舰厅官网 copyright" content="任兀" />
<meta content="代码" name="keywords" />
<title>xhml1.0 doctitle>
<style type="text/css" id="internalstyle">
body{margin: 0; padding: 0;}
p{display:block;font: bold 12px serif; color: #339;}
#header{height: 64px; background: #f00; color: #fff; font: bold 24px "impact",serif;line-height:160%; text-indent: 36px;}
#maincontent{margin-top:20px;}
#right{float: right; width: 160px; background: #def;}
#left{margin-right: 180px; background: #cfc; color: #999; }
#left h1{text-decoration: underline;font: italic bold 16px serif;}
#footer{clear: both; min-height: 80px; background: #eee; text-align: center; font: italic bold 20px "impact",sans-serif; color: #999;margin-top:20px;}
style>
head>
<body>
<div id="header">head infodiv>
<div id="maincontent">
<div id="right">
<p>right infop>
<p>#right{p><p>float: right; p><p>margin: 20px; p><p>width: 160px; p><p>background: #def;p><p>}p>
div>
<div id="left">
<h1>style:h1>
<p>#left{p>
<p>margin-right: 180px;p>
<p>background: #cfc;p>
<p>color: #999;p>
<p>}p>
<h1>main content! main content! main content! main content! main content! main content! main content! h1>
<h1>main content! main content! main content! main content! main content! main content!h1>
<h1>main content! main content! main content! main content! main content! h1>
<h1>main content! main content! main content! main content!h1>
<h1>main content! main content! main content!h1>
<h1>main content! main content!h1>
<h1>main content!h1>
div>
div>
<div id="footer">powered by dsclubdiv>
body>
html> 与50位技术专家面对面20年技术见证，附赠技术全景图
总结
以上是尊龙游戏旗舰厅官网为你收集整理的一个三行两列右列固定左列自适应宽度的css的全部内容，希望文章能够帮你解决所遇到的问题。
- 上一篇：
- 下一篇：