关于css 双飞翼布局问题

TAT...最后8个币,一段时间不上,咋以前10块能冲200币的现在98才能冲250币,c s d n想钱想疯了吧,对于我这水平有没有什么能来币的方法?。。。。

在双飞翼布局中,有几点不是很懂,求大神点拨。

1.设置.inner margin-left很好理解,就是要让#inner里面的内容从网页中间开始显示,但是为什么要设置 margin-right呢?(我去掉对布局好像也没影响)
2.对于1 我的猜想是 想让inner里面的内容右边受控制,但是我给inner里面填满了内容,发现**内容不能换行**,这是为什么?

同时发现 left 和right里面的文字都不能自动换行
3.取消middle的width=100% 猜测应该继承body的宽度,结果实际值远比body大的多 这是为什么呢?
图片说明
图片说明

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
         .columns{
            float: left;
            height: 100px;
        }

        #middle{

            background-color: deepskyblue;
            width: 100%;
        }
        #inner{
            margin-left: 200px;
            margin-right: 150px;

        }
        #right{

            width: 150px;
            background-color: red;
            margin-left: -150px;
        }
        #left{
            width: 200px;
            background-color: grey;
            margin-left: -100%;
        }
    </style>
</head>
<body>
        <div id="middle" class="columns">
            <div id="inner" >#middle#middlekjzdakskshdkahdkahdkahsdkadhkajdhkahdkahdkahdkadhkahdskashdskasdhkahdkadhskashdskaahskdhakshdaksdhkashdkashdakshdkahdkahdkah</div>
        </div>
        <div id="left" class="columns">#left</div>
        <div id="right" class="columns">#right</div>

</body>
</html>

2个回答

预留对应的左右空白,因为middle 100%了,你不设置左右margin内容就会自动占上去了

未换行是字母数子连一串当做单词除了了,当然不会换行,加了换行你就会理解为什么加margin-right了

可以找我买1:20的币,O(∩_∩)O哈哈~

#inner加换行样式就行了

 #inner {margin-left: 200px;margin-right: 150px;word-break:break-all;word-wrap:break-word}
showbo
支付宝加好友偷能量挖 回复小羊也疯狂: 你不是float布局了。。float不会继承,不占位如果你没有清除浮动
一年多之前 回复
qflyalltime
小羊也疯狂 刚有张图没传上去 为什么取消middle的width,middle不继承body的而是显示1500+px?
一年多之前 回复

要自己添加换行样式。另外margin-left是距离左边外边距,不是从中间显示

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!