一个三行两列右列固定左列自适应宽度的css -凯发k8官方网
凯发k8官方网
收集整理的这篇文章主要介绍了
一个三行两列右列固定左列自适应宽度的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="凯发k8官方网 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年技术见证，附赠技术全景图
总结
以上是凯发k8官方网为你收集整理的一个三行两列右列固定左列自适应宽度的css的全部内容，希望文章能够帮你解决所遇到的问题。
- 上一篇：
- 下一篇：