CSS+DIV一行三列(等宽高,有间距)怎么写?(适合所有浏览器)

CSS+DIV一行三列(等宽高,有间距)怎么写?(适合所有浏览器)
比如:这个宽为980px 然后三列都320px 剩下的就是他们中间的间距.
适合所有浏览器的写法!

<!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" />
<title>无标题文档</title>
<style type="text/css">
#wrapper { width: 980px; margin: 0 auto; }
#header {width: 100%; background: #cfc;}
#container { width: 100%; }
#container #left,#container #content, #container #right { width: 320px; float: left }
#left { background: #fc0;}
#content { margin: 0 10px;background: #0c0;}
#right { background: #0cf;}
</style>
</head>

<body>
<div id="wrapper">
<div id="header">header</div>
<div id="container">
<div id="left">left</div>
<div id="content">content</div>
<div id="right">right</div>
</div>
</div>
</body>
</html>
温馨提示:内容为网友见解,仅供参考
无其他回答

CSS+DIV一行三列(等宽高,有间距)怎么写?(适合所有浏览器)
<body> <div id="wrapper"> <div id="header">header<\/div> <div id="container"> <div id="left">left<\/div> <div id="content">content<\/div> <div id="right">right<\/div> <\/div> <\/div> <\/body> <\/html>

一个大的DIV中放两个小的DIV一左一右
1、首先如图所示的web结构即一个html和css即可实现。2、打开html页面 定义一个大的div和两个小div 如图所示。3、最常用的float浮动,只要两个小div的宽度小于等于大div的宽度,即可实现并排了。4、使用position进行绝对定位,然后使用margin-left除去第一个小div的宽度即可。5、使用table盒子实现div并排,...

div如何设置100%的高啊
CSS想让一个元素的百分比高度height: 100%;起作用,需要给这个元素的所有父元素的高度设定一个有效值。如下所示就可以让div高度为100%了:<html style="height: 100%;"> <body style="height: 100%;"> <div style="height: 100%;border: 1px solid #C00"> <p> 这样这个div的高...

如何让div自动适应自身的img高度
2、在两个div中加入相同的图片, 这个时候需要在img 类中加入css语句设置一下div的高度和宽度,以及div的边框,然后就可以设置img的样式了:3、最后设置img的样式中图片的高度为auto,宽度为100%,这样就可以自适应浏览器了,来到浏览器,可以看到设置了自适应的图片自动填满整个div了,而没有设置的则...

css html 如何将图片img标签 水平居中 垂直居中 和水平垂直居中_百度...
一、css图片水平居中。1、利用margin: 0 auto实现图片居中,就是在图片上加上css样式margin: 0 auto 如下:2、设置imgBox的样式如下:3、此时的效果如下:(图片在容器内,水平居中)二、css图片垂直居中。1、css代码如下,使用flex布局实现。2、页面代码HTML如下:3、此时的效果如下:(垂直居中)三、...

我想要serif和sans serif的历史~~谢谢大家哈
不过CSS对通用字体族的定义有点不一样。除了serif 和 sans-serif 之外,CSS还允许以下几个通用字体族:monospace 等宽字体 所谓的等宽字体,是指每个字符宽度都一致的字体。一个著名的例子就是 Courier New 字体。因为字符宽度一致,所以特别容易对齐,能快速精确的定位到某行某列,因此经常用来显示代码。...

相似回答