css 中div的嵌套
发布网友
发布时间:2022-05-07 03:54
我来回答
共6个回答
懂视网
时间:2022-04-20 23:24
嵌套DIV布局,会牵扯到CSS的position属性
如果内层DIV将position属性设置为absolute,并设置left,和top等属性,还需要考虑外层DIV的position属性设置。
absolute:absolute绝对定位,直接指定top、left、right、bottom。有意思的是绝对定位也是“相对”的。它的坐标是相对其容器来说的。容器又是什么呢,容器就是离元素最近的一个定位好的“祖先”,定位好的意思就是其Position是absolute或fixed或relative。如果没有这个容器,那就使用浏览器初始的,也就是body或者html元素。标准是说只需要指定left和right,width可以自动根据容器宽度计算出来,可惜ie不支持。
热心网友
时间:2022-04-20 20:32
#web_background有背景色 因为这个DIV太大了 背景图片完全被DIV盖住了
因为使用绝对位置 所以都被盖住了
rightside如果你换个色就找到了 只是字被盖住了
还有一些低级错误 比如<>符号使用错误 分号冒号使用错误等 我都改了 你调试一下是你要的东西么
<style>
body {font-family:Arial;margin:auto;font-size:12px;background-image:url(/images/headbg.png) no-repeat;}
#web_background {margin:auto;width:1200px;background-color:#ccffcc;}
#web_logo {background-color:#008080;width:1200px;float:left;}
#navi {width:1200px;height:40px;background:url(navi.gif) ;}
#left_side {width:200px;height:800px;background-color:#d8bfd8;position:relative;top:140px; float:left;}
#web_main {width:40px;height:80px; float:left; color:#fff;background-color:#000000;}
#right_side {width:200px;height:800px;background-color:#d8bfd8;position:relative;top:140px; float:right;}
</style>
<div id="web_background" >
<div id="web_logo">
<a herf="site"title="zhuye"><img src="/zhuye/images/logo.png"title="zhuye"/></a>
</div>
<div id="navi">导航
</div>
<div id="left_side">竖直导航
</div>
<div id="web_main">主要
</div>
<div id="right_side">右导航
</div>
<div style="clear:both;"></div>
</div>
回楼上 有的时候系统就是有的UTF-8 或者MYSQL数据库是UTF-8 那页面必须用UTF-8 UTF-8是国际标准 以后会逐渐替代GB2312的 这并不代表不爱国 这种UTF标准确实是领先于GB2312标准 有以下几点优势
使用GBK出国就浏览不了了 或者用英文版的XP就看不了了
使用UTF-8节省网站空间
UTF通用性强 避免乱码问题
一个标准比另一个标准有更好的实用性 那就靠自然法则来决定了
热心网友
时间:2022-04-20 21:50
<div class="frameone">
<div class="innerFrame"></div>
</div>.frameone{padding:10px;overflow:hidden;}
不管你怎么写innerFrame的样式,他都会在frameone里,并且相距上下左右10px;
热心网友
时间:2022-04-20 23:25
我也用utf-8,特别是有时候一个网站中、英、繁都要做的时候。还有就是有时会用别人模版的一部分,utf-8比较不会出问题。
GB2312有一个好处,对中文字体的控制比较好。记得有次帮人做中文的,用UTF-8,怎么调字体都不太对,用GB2312就好了。
热心网友
时间:2022-04-21 01:16
@charset"utf-8"
你真有想法,给外国人做网站吗?
楼上高见了,我从进公司就要求改成,gb2312,
依你的意思是,utf-8是可以的,那么用做中文网站就不会出乱码?百度一会儿,gb2312 一会儿GBK,一会儿utf-8,
真搞不懂了,乱了,全乱了,
热心网友
时间:2022-04-21 03:24
翠云峰—小闲,别出来丢人了,哎!
css中div的嵌套问题?基本情况是 div1中嵌套了div2和div3 代码如下
我 用的方法是,你可以为DIV1设定一个填充,那么DIV2就定位了,然后再写DIV3的上边距,这样你想要多远就有多远了。不要写DIV2的下边距,因为上面的下边距和下面的上边距会合并,而不是相加。
div布局怎么嵌套?
<div class="div3">3</div> <div class="div3">4</div> </div> 像上面那样嵌套,如果要加样式,如下(可以按照要求定义样式): <style type="text/css"> .div3{ width:80px; height:40px; background-color:gray; float:left; border:solid 1px red; } .div2{ width:180px; height:40px; } ...
一个大的DIV中嵌套两个小的DIV一左一右
大的DIV中嵌套两个小的DIV一左一右步骤如下:1,首先,图中显示的Web结构是html和css。2,打开html页面,如图所示,定义一个大div和两个小div。3,最常用的float float,只要两个小div的宽度小于或等于大div的宽度,就可以并排实现。4,使用position进行绝对定位,然后使用margin-left删除第一个小div...
在CSS布局中,CSS的嵌套关系和CSS的父子关系是一样的吗。我怎么感觉是...
<div id='div1'</div<div id='div2'</div是并列关系<div id='div1'<div id='div2'</div</div是嵌套关系在嵌套关系中,div1可以说是div2的父层,div2可以是div1的子层,这就是层父子关系当然一个层不可能只有一个嵌套关系,所以div2可以是div1的子层,同时div2可以是div3的父层(例...
网页设计中,div+css,div多层嵌套,会影响网页加载速度和被搜索吗?_百度...
虽然相比请求加载资源相比微不足道),所以我们一般要避免。3、“另外嵌套层数太多,是否会影响到被搜索引擎搜到的机率?”这个完全不会,搜索引擎在处理数据是首先要过滤标签;4、“div被吹的很强大”这个?div+css布局和table布局一样是极端情况,是不好的。div并不强大。要根据语义用。
怎么将2个DIV嵌套在1个DIV里面呢?
1、首先如图所示的web结构即一个html和css即可实现。2、打开html页面 定义一个大的div和两个小div 如图所示。3、最常用的float浮动,只要两个小div的宽度小于等于大div的宽度,即可实现并排了。4、使用position进行绝对定位,然后使用margin-left除去第一个小div的宽度即可。5、使用table盒子实现div并排,...
CSS 在div中又嵌套了一个div2 div3 如何让div2 div3在div1中并列
第一种方法(需要css3):<style>.div1 {width:400px; height:300px; border:1px solid #00f}.div2 {display:inline-block; width:150px; height:200px; border:1px solid #f00}.div3 {display:inline-block; width:150px; height:200px; border:1px solid #0a0}</style><div class=...
如何在一个div内嵌套两个div?
1、打开编辑器,新建test.html,用于学习今天的内容。如下图所示:2、接下来需要在head标签下方引入jquery.min.js插件,如下图所示:3、在页面的body标签里,新建一个div,名称为test。如下图所示:4、在body标签下方写上<script></script>,用来存放js代码。通过class定位到div,通过css()方法让文字...
css里,怎样使多个div元素并列一行?
在另外一个大div里,当然,这个大div宽度要大于并排div宽度的总和。这样子,就可以做到怎么变 换窗口大小时div都不会跑到下面了。以下是具体演示步骤:1、打开一个HTML文件编辑器。先在里面输入HTML的基本元素。2、在body标签里添加一个大div来容纳并列的div。3、在大div里添加想要并列的div元素,并在...
div嵌套问题~
举列一个div内有一个列表,列表的第一列再嵌套一个列表,代码关系是:<div> <ul> <li>列表的第一列</li> <ul> <li>子列表的第一列</li> <li>子列表的第二列</li> </ul> <li>列表的第二列</li> </ul> </div> 最后告诉你个基本常识,当li的css属性display:block时,它等同于...