css代码无法正常运行

时间:2016-04-18 15:49:11

标签: css

这是我第一次写自己的css文件。

一切正常,但我的菜单/内容宽度有问题。 我正在使用百分比来填满整个屏幕。剩下一些空白区域,当我调整浏览器宽度时,它完全坏了(菜单/内容)。

代码:

header {
background-color: black;
color: white;
text-align: center;
width: 100%;
height: 20%;
margin: 0px;
padding: 10px;
}

menu {
background-color: gray;
color: white;
height: 60%;
width: 10%;
float: left;
margin: 0px;
padding: 10px;
}

content {
background-color: blue;
float: left;
color: white;
width: 87%;
height: 60%;
margin: 0px;
padding: 10px;
}

footer {
clear: both;
background-color: black;
color: white;
width: 100%;
height: 20%;
margin: 0px;
padding: 10px;
}

这是我的测试网址:Testing url

1 个答案:

答案 0 :(得分:0)

我认为这就是你的目标。

<?php

$dirname = "images/wrf/";
$array=array("100", "101", "102");
$image = array_slice($array, 0, 1);

echo '<img src="' . $dirname . 'wrf' . $image . 'medium.jpg">';

//out put for debugging 
print_r($array);
echo "contents of image===";
echo $image;

?>