CSS AP Div固定设置

html-css014

CSS AP Div固定设置,第1张

1,貌似你是利用Dreamweaver的设计视图来布局页面的,而不是在代码视图里写HTML和CSS代码?

2.AP div 是绝对定位的层,它与一般的<div></div>元素相比,位置是固定的,在Dreamweaver软件里可以直接设置可见/隐藏以及Z轴位置,所以定位它,只适合在你目前显示器的分辨率下,拖动它,程序就自动添加它的top/left属性,没有灵活性与适应性。

3.层要想设置100%,居中,就需要用到相对定位。建议自己学习一些HTML和CSS代码。

比如:1.背景做平铺宽设为100%高也设为100%:直接修改<body>标签的属性。

<body style="">

2.怎么设置margin居中.

首先,你要设置成居中的元素要处在一个大小明确的外框中,才可以使用style="margin:0 auto"来居中。

3.怎么设置相对位置的

div元素的position属性的几个取值定义:

position: static、absolute、relative

static : 默认值。如果没有指定position属性,支持position属性的html对象都是默认为static。

relative: 相对定位。这个属性值保持对象所在文档流中的位置,也就是说它具有和static相同的呈现方式,它同样占有在文档流中的固定位置,后面的对象不会侵占或覆盖。

absolute: 绝对定位。也就是你的AP元素所默认加上的一个属性值。

这个一般是由后端的模板来实现的,纯粹靠css的话,据我个人对css的了解,是行不通的。勉强要实现的话,可以通过display:flex布局来实现,不知道效果合不合你的要求。

<style>

.flexbox{overflow:hiddendisplay:flexpadding:10pxwidth:300pxbackground-color:pink}

.flexbox h3{margin:0white-space:nowrap}

.flexbox span{flex:1padding:0 5px}

</style>

<div class="flexbox">

<h3>这个是标题这个是标题这个是</h3><span class="">...............</span>

</div>