                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

怎么让文字box1居左

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
  <style type="text/css">
        #box1{
            width: 400px;
            height: 500px;
            margin-bottom: 30px;
            border: 2px solid blue;
            text-align: left;      
        }
        #box2{
            width: 150px;
            height: 450px;
            border: 3px solid yellow;
            margin-left: 30px;
            padding: 2px;
            float: left;
        }
        #box3{
            width: 150px;
            height: 450px;
            margin-left: 20px;
            border: 3px solid pink;
            margin-right: 20px;
            margin-top: -15px;
           float: left;
        }
    </style>
</head>
<body>
    <div id="box1">
        box1
        <div id="box2">box2</div>
        <div id="box3">box3</div>
    </div>
</html>

慕慕4512663

2017-05-15

源自：初识HTML(5)+CSS(3)-升级版 12-13

关注问题我要回答

1231

操作

收起

4 回答

慕前端8788530 回答被采纳 +3 积分
2017-05-18

#box1{display:flex;}

0 回复有任何疑惑可以回复我~

#1

慕慕4512663 提问者

非常感谢！这是什么意思啊

2017-05-20 回复有任何疑惑可以回复我~

#2

慕前端8788530 回复慕慕4512663 提问者

弹性布局，横纵交叉轴为核心，具体你看阮一峰的日志。http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

2017-05-22 回复有任何疑惑可以回复我~

weibo_小稚童丶_0
2017-05-15

!DOCT<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title></title>

<style type="text/css">

div{

width: 700px;

height:1400px;

}

#box1{

width: 400px;

height: 500px;

margin-bottom: 30px;

border: 2px solid blue;

position: relative;

}

#box1 span{

float: left;

}

#box2{

width: 150px;

height: 450px;

border: 3px solid yellow;

margin-left: 30px;

padding: 2px;

float: left;

}

#box3{

width: 150px;

height: 450px;

margin-left: 230px;

border: 3px solid pink;

margin-right: 20px;

margin-top: 0px;

float: left;

position: absolute;

}

</style>

</head>

0 回复有任何疑惑可以回复我~

qq_放牛的龙咚锵_03220873
2017-05-15

在box1里加入left:0;

0 回复有任何疑惑可以回复我~

阿曼da
2017-05-15

加入代码；position:absolute;left:0;

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1225285 人
解答问题 18230 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

1 回答怎么让水平居中的div中的文字也水平居中？

4 回答<div id="box1">box1</div>，我想让内容“box1”处于居中的的状态，css样式怎么写？

2 回答求教如何设置让#box1居中显示啊

4 回答数字文本怎么设置能让它在方块内居中

1 回答怎么样才能让照片靠左或者居中呢？？？

搜索更多本课相关问答

怎么让文字box1居左

我要回答关注问题

意见反馈帮助中心 APP下载