html a标签如何控制宽度高度_随笔

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<body>标签中，输入html代码：

3、浏览器运行index.html页面，此时成功控制了a标签的宽度为200px，高度为50px。

如果可以不考虑IE67可以用display:table布局：

HTML：

</div>

</div>

CSS：

.outer{

background-color:blue

height:400px

display: table

width:100%

}

.inner-title{

background-color:#CCC

display:table-row

width:100%

height:100px

}

.inner-content{

background-color:#888

display:table-row

width:100%

}

IE6和IE7下估计只能用JS算高度了

先设置html及body的CSS的高，分别为height:100%

如下：

html,body{height:100%margin:0px}

或

html{height:100%}

body{height:100%margin:0px}

后面的高为100%才有效：

或

欢迎分享，转载请注明来源：内存溢出

html a标签如何控制宽度高度