用css 如何设置页面居左

html-css018

用css 如何设置页面居左,第1张

用css 设置页面居左,首先我们需要写好一个div然后设置好它的宽高,然后在使用margin来操作,使它距离浏览器的左边为0就行了,marign的用法如图:

添加一个border方便观察,具体看代码:

<html>

<head>

<style>

.div1{                    

width:600px

height:200px

font-size:13px

border:1px solid #f00

margin:0px

}

</head>

<body>

<div class='div1'>

<p>我是测试文字</p>

</div>

</body>

</html>

<!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>

<style type="text/css">

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

.wrap { width: 100%height: 100%}

.fixed { float: leftwidth: 200pxheight: 100%  background: #000margin-left: -100%}

.main { float: leftwidth: 100%height: 100%}

.main-inner { margin-left: 200px  background: #f00height: 100%}

</style>

</head>

<body>

<div class="wrap">

<div class="main">

<div class="main-inner">

test

</div>

</div>

<div class="fixed">a</div>

</div>

</body>

</html>

-------

html和body的高度设置为100%, 这样才能让div#wrap的高度生效.

若要将左侧高度固定,将.fixed的height设置为固定值就行了.

先试试这样吧

在通用选择器里设置margin:0

在你设置的这个盒子里再设置margin:0 auto;

主要是你没有图片,和部分代码,是很难看出实际问题出现在哪的