Css float 可以在Zurb基金会保留一列吗?

Css float 可以在Zurb基金会保留一列吗?,css-float,zurb-foundation,multiple-columns,Css Float,Zurb Foundation,Multiple Columns,这让我困惑了一段时间 我想弄清楚是否有可能有两列并列在基础中,其中一个(左边八列)在行中,另一个(右边的四列)被推到页面的边缘? 我希望有一个文本主体在左侧(因此在行内)对齐,然后在页面的右边缘有很多图像 只是不确定这是否可能在基金会内,或者我是否需要使用其他的CSS向导……/P> 谢谢 所以他已经告诉我,我们正在扩大我们的讨论范围,因此,不必进行聊天,根据我目前对您的问题的理解,让我来试一试。我在下面提供了一个示例代码。你的问题似乎很简单,至少从我的看法来看,所以如果我做对了,请告诉我。如果没

这让我困惑了一段时间

我想弄清楚是否有可能有两列并列在基础中,其中一个(左边八列)在行中,另一个(右边的四列)被推到页面的边缘?

我希望有一个文本主体在左侧(因此在行内)对齐,然后在页面的右边缘有很多图像

只是不确定这是否可能在基金会内,或者我是否需要使用其他的CSS向导……/P> 谢谢


所以他已经告诉我,我们正在扩大我们的讨论范围,因此,不必进行聊天,根据我目前对您的问题的理解,让我来试一试。我在下面提供了一个示例代码。你的问题似乎很简单,至少从我的看法来看,所以如果我做对了,请告诉我。如果没有,那么你最好编辑你的问题并发布你的代码,这样我们就可以解决它。下面给出的代码需要使用F4

<div class="row">
        <h1>Short content on the left and lots of images</h1>
        <div class="large-8 columns">
            <p>Caramels tiramisu liquorice. Chocolate faworki brownie dragée wafer. Lemon drops tart bear claw wafer. Tootsie roll candy canes faworki lollipop bear claw bonbon sesame snaps jelly-o.  Danish sesame snaps toffee lollipop tootsie roll. Macaroon lollipop jelly-o pie gummi bears danish gummies jelly-o gingerbread. Pie croissant jujubes lollipop fruitcake icing. Fruitcake sweet roll cotton candy halvah gummi bears oat cake powder. Danish pudding toffee wypas bonbon macaroon lollipop faworki tiramisu.</p>
        </div>
        <div class="large-4 columns">
            <ul>
                <li><img src="http://placehold.it/100x100"></li>
                <li><img src="http://placehold.it/100x100"></li>
                <li><img src="http://placehold.it/100x100"></li>
                <li><img src="http://placehold.it/100x100"></li>
                <li><img src="http://placehold.it/100x100"></li>
                <li><img src="http://placehold.it/100x100"></li>
                <li><img src="http://placehold.it/100x100"></li>
                <li><img src="http://placehold.it/100x100"></li>
                <li><img src="http://placehold.it/100x100"></li>
                <li><img src="http://placehold.it/100x100"></li>
                <li><img src="http://placehold.it/100x100"></li>
                <li><img src="http://placehold.it/100x100"></li>
                <li><img src="http://placehold.it/100x100"></li>
                <li><img src="http://placehold.it/100x100"></li>
                <li><img src="http://placehold.it/100x100"></li>
                <li><img src="http://placehold.it/100x100"></li>
            </ul>
        </div>
    </div>

    <div class="row">
        <h1>Really long content on the left and few images on the right</h1>
        <div class="large-8 columns">
            <p>Lollipop chupa chups danish lemon drops lollipop pudding croissant caramels muffin. Chupa chups jelly beans sesame snaps sesame snaps gummi bears. Marzipan chupa chups faworki bear claw gummi bears. Tiramisu chocolate cheesecake jelly-o applicake chupa chups. Pie lemon drops ice cream sweet roll icing. Dessert tootsie roll carrot cake. Caramels caramels powder jujubes. Oat cake cheesecake dragée wafer sweet jelly-o. Lollipop donut cake candy chocolate. Pie candy canes oat cake powder carrot cake lollipop. Jujubes sesame snaps lemon drops cookie. Pastry jelly oat cake danish tootsie roll cupcake macaroon candy dragée. Cupcake apple pie dessert donut tootsie roll pudding. Jujubes lollipop wypas icing chocolate cake.
Pie apple pie caramels gummies cotton candy danish pastry bonbon. Croissant danish chupa chups wypas ice cream cookie apple pie sweet soufflé. Cake cotton candy wafer sweet roll oat cake cupcake. Sugar plum cake ice cream tiramisu sweet roll biscuit chocolate bear claw. Donut cheesecake tart apple pie dragée. Bear claw cake gummies faworki pastry jelly marzipan sugar plum chupa chups. Biscuit chocolate bar halvah oat cake topping wypas bonbon. Icing cake muffin apple pie chocolate bar. Gummies lollipop biscuit pudding pie cupcake soufflé toffee. Gingerbread tiramisu jelly wypas. Bear claw bonbon chupa chups chocolate cake tiramisu croissant chocolate chupa chups ice cream. Faworki applicake marzipan soufflé chupa chups donut. Tart gummies topping. Caramels pastry ice cream croissant fruitcake sugar plum.
Caramels sugar plum topping jujubes cake tiramisu sweet roll sweet roll cupcake. Tart wafer cupcake. Donut sweet dessert danish bear claw lollipop candy cheesecake. Toffee icing croissant. Gummies chocolate cake sweet chocolate bar pudding candy dragée liquorice. Jelly-o jelly-o croissant cotton candy marzipan chupa chups biscuit chocolate cake dessert. Marshmallow gummies sugar plum dessert. Applicake jelly cheesecake cotton candy ice cream cheesecake muffin marzipan. Cheesecake cupcake cookie marshmallow icing. Marzipan croissant carrot cake. Faworki candy canes jelly chocolate bar muffin. Bear claw biscuit chocolate cake sugar plum sweet sweet macaroon. Brownie liquorice gummies lemon drops cookie apple pie lemon drops chocolate bar chocolate bar. Sweet roll dessert sesame snaps jelly beans wafer.
Croissant tiramisu pudding cheesecake. Chocolate sweet roll gingerbread gingerbread muffin wafer sugar plum tiramisu. Wafer chocolate cake bear claw applicake wafer. Cupcake cookie bonbon. Sweet jujubes chocolate cake cheesecake danish chocolate cake pie wafer tart. Biscuit croissant wypas lollipop soufflé croissant soufflé. Carrot cake gummies toffee cookie. Wypas pudding chocolate bar jujubes. Icing apple pie pudding wypas bonbon carrot cake. Dessert cupcake marzipan gummi bears carrot cake candy. Cake jujubes jujubes cheesecake. Candy topping powder tart jelly-o. Sesame snaps cheesecake danish icing. Topping cake chocolate bar chocolate lemon drops candy bear claw marzipan.
Jujubes liquorice macaroon. Macaroon tart sweet. Donut caramels oat cake topping halvah. Jelly topping soufflé. Tootsie roll candy pie jelly beans applicake croissant. Tiramisu cookie sesame snaps. Pastry danish topping candy pie jelly beans cookie. Wypas pudding chupa chups cookie cake icing. Cupcake tiramisu ice cream gummies ice cream. Marzipan powder candy cookie faworki biscuit jelly-o toffee jelly-o. Cotton candy caramels pudding jelly-o chocolate cake sugar plum fruitcake cupcake applicake. Lemon drops liquorice bonbon wafer fruitcake cupcake cotton candy. Liquorice toffee jujubes pudding gingerbread biscuit.
Jujubes chocolate cake chocolate bar sesame snaps dragée. Biscuit carrot cake dragée gummi bears liquorice lollipop. Cupcake cake topping brownie gummi bears sweet danish carrot cake bonbon. Tiramisu cookie jelly beans toffee biscuit faworki danish sweet roll caramels. Sesame snaps jelly beans candy canes oat cake sesame snaps bonbon. Sweet cotton candy pudding pie ice cream dragée ice cream. Tart pudding marshmallow ice cream chocolate cake cupcake caramels. Marzipan caramels muffin jelly chupa chups bonbon faworki icing sugar plum. Pastry chocolate donut. Jelly carrot cake bonbon gingerbread. Cotton candy candy canes oat cake liquorice. Ice cream gummi bears dragée cookie toffee. Biscuit sugar plum gingerbread chupa chups chocolate bar pastry apple pie jelly sweet.
Tart powder cookie gingerbread icing cake apple pie. Topping danish halvah. Tootsie roll cookie pudding tootsie roll donut pudding toffee apple pie. Danish tart gummi bears oat cake halvah candy canes pastry marshmallow. Sugar plum jelly beans jelly-o pudding carrot cake chocolate cake donut. Fruitcake candy toffee sweet gummies dragée gummi bears tart macaroon. Powder danish liquorice danish biscuit. Oat cake brownie cheesecake wypas lollipop. Fruitcake cupcake biscuit sweet roll. Sesame snaps wypas dessert jelly donut jelly beans candy. Lollipop chocolate cake gummi bears bear claw fruitcake sweet. Pie toffee wypas.
Chupa chups powder bear claw cookie. Jujubes chocolate cheesecake jelly beans dessert icing chocolate cake wafer fruitcake. Marshmallow donut tiramisu lollipop. Muffin ice cream jelly liquorice tootsie roll pudding apple pie apple pie. Muffin cake sweet cupcake cotton candy carrot cake. Apple pie pie cookie powder bear claw tiramisu. Tiramisu jelly-o dragée bonbon sweet roll lollipop macaroon wafer. Oat cake bonbon chocolate cake. Soufflé cake fruitcake. Muffin bonbon cake apple pie cupcake jelly-o. Candy chocolate jelly beans cheesecake liquorice. Halvah jelly-o biscuit donut jelly beans faworki.
Tootsie roll bear claw soufflé. Apple pie fruitcake gummies. Applicake oat cake liquorice faworki apple pie tart cookie. Pastry halvah marzipan chocolate cake carrot cake topping. Cupcake tootsie roll cake. Pastry jelly pie. Chupa chups icing cake lollipop pastry brownie soufflé. Powder toffee fruitcake. Lemon drops icing cotton candy faworki cheesecake. Bonbon marshmallow brownie jelly. Chocolate bar marshmallow lollipop brownie. Pie soufflé tootsie roll chupa chups halvah jelly beans.
Gummi bears jujubes jujubes fruitcake dessert bear claw gingerbread. Ice cream lollipop dessert soufflé sweet roll carrot cake. Tootsie roll wafer cotton candy. Croissant cotton candy cupcake jelly-o sweet roll bear claw. Halvah croissant pie liquorice chupa chups croissant toffee. Cotton candy apple pie topping danish halvah jelly-o apple pie marzipan. Halvah pastry bear claw sesame snaps wafer faworki apple pie. Soufflé fruitcake soufflé sweet roll apple pie bear claw. Pastry oat cake gummi bears powder. Bonbon cupcake dessert. Croissant halvah soufflé gingerbread. Faworki caramels gummies lemon drops cookie. Toffee muffin apple pie.
Sweet roll jelly-o cupcake fruitcake cotton candy chocolate fruitcake fruitcake croissant. Oat cake dessert gummi bears sugar plum dessert soufflé donut carrot cake jujubes. Croissant lollipop chocolate bar sweet roll marzipan. Macaroon carrot cake tootsie roll ice cream ice cream faworki wypas chocolate bar soufflé. Wypas caramels candy muffin donut lemon drops dragée. Candy canes topping carrot cake toffee ice cream icing jelly-o sweet powder. Gummies muffin donut dragée tiramisu applicake jelly beans jelly. Danish donut marzipan croissant. Brownie tiramisu oat cake wafer cotton candy biscuit. Biscuit candy candy canes gummies candy croissant. Pastry sugar plum chupa chups caramels cake candy canes macaroon sugar plum halvah. Bonbon chupa chups sugar plum sesame snaps cookie sugar plum cake liquorice. Jelly beans lollipop sesame snaps ice cream chocolate cake pudding sweet chocolate cake topping.
Dragée dessert wafer biscuit oat cake brownie cupcake gingerbread. Pie gingerbread powder fruitcake lemon drops. Lemon drops candy canes pastry. Powder halvah danish candy canes oat cake. Jujubes caramels halvah cotton candy dragée jelly-o biscuit jelly. Candy halvah muffin muffin sugar plum caramels muffin jujubes jelly. Danish cookie cotton candy chupa chups danish tootsie roll pie. Chocolate cake wafer sesame snaps lemon drops. Sesame snaps pastry lemon drops fruitcake brownie. Dessert jujubes liquorice croissant croissant croissant. Biscuit pie donut lollipop danish applicake muffin applicake brownie. Chupa chups icing topping danish chocolate cake marzipan. Lollipop halvah wypas faworki donut pudding. Macaroon pastry chocolate bar icing toffee.
Bonbon bonbon lollipop gummies. Faworki ice cream pudding applicake topping chocolate cake. Candy soufflé candy sweet cotton candy pie. Caramels pudding brownie pastry gummies icing marzipan sweet. Sweet candy canes cotton candy dessert macaroon. Jujubes wypas macaroon. Macaroon biscuit gingerbread oat cake tart chocolate cake sesame snaps sugar plum. Fruitcake candy canes dragée pudding. Chocolate bar cotton candy sweet chocolate cake bonbon cotton candy liquorice bear claw. Pie oat cake cake topping sugar plum tiramisu cotton candy. Tootsie roll sugar plum candy topping croissant chupa chups pudding. Pastry lemon drops apple pie bear claw jelly-o topping.
Apple pie chupa chups marzipan. Soufflé lollipop marshmallow. Sesame snaps toffee tart cupcake donut candy chupa chups. Apple pie halvah chocolate macaroon bonbon. Croissant marshmallow liquorice chocolate bar gummies jelly-o pudding wafer icing. Chupa chups gummi bears tiramisu marshmallow marshmallow pastry fruitcake fruitcake cake. Bonbon ice cream marshmallow cheesecake pie tiramisu gingerbread candy cupcake. Ice cream jelly-o gingerbread dragée icing marzipan chocolate bar. Chocolate sweet bear claw faworki danish jelly. Cake marshmallow tart chocolate. Cheesecake jelly cotton candy oat cake sugar plum. Topping cupcake candy canes oat cake cookie. Cupcake cheesecake cookie fruitcake sesame snaps gingerbread marzipan candy canes candy canes. Croissant tootsie roll tart jujubes jelly-o tootsie roll danish jelly-o donut.
Jujubes toffee sesame snaps croissant jujubes. Faworki chocolate bar cheesecake carrot cake tiramisu topping marzipan dessert. Liquorice icing pastry wypas dragée jujubes jelly pastry. Carrot cake biscuit pie muffin dessert. Tiramisu oat cake wypas icing pie pudding dragée chocolate. Gingerbread fruitcake powder candy sugar plum. Chocolate dragée sweet roll cupcake sweet chocolate cake. Pie donut topping gummies fruitcake tootsie roll chocolate cake. Icing faworki chupa chups. Donut chocolate bar cake gummies donut chocolate cake sweet sugar plum. Chupa chups sugar plum marzipan jelly-o applicake. Icing pudding marzipan oat cake chocolate jujubes donut pudding caramels. Carrot cake sweet gummi bears apple pie carrot cake dragée oat cake. Muffin marzipan tart sweet roll cupcake cupcake.</p>
        </div>
        <div class="large-4 columns">
            <ul>
                <li><img src="http://placehold.it/100x100"></li>
                <li><img src="http://placehold.it/100x100"></li>
                <li><img src="http://placehold.it/100x100"></li>
                <li><img src="http://placehold.it/100x100"></li>                
            </ul>
        </div>
    </div>

你为什么要这么做?您“仍然”希望在8列的右侧显示一些内容,那么是什么阻止您将图像放在同一行的“其余4列”中?因为它们不会位于页面的右边缘,它们将位于具有设置宽度的行中。您可以勾勒出您的想法(或尝试)吗在这里向我们展示吗?嗨,冯,我添加了一个屏幕截图,我在图片栏的右边加了一个减边距,看起来你可以用12栏的行来实现。您是否打算在12列之外显示图像,这是您最初的问题?谢谢Von,虽然4列肯定是行的一部分,但它将包含在1000px(或任何行宽度)内?是的,是的,所以您希望它“超出”行的宽度限制,但仍然在同一行(右侧)?是的Von,根据原来的问题,我需要在页面右边缘的图像。是的,没有基础的方式来做。你说你的右边距是负数。我编辑了我的答案,希望能提供一个(替代)解决方案。无论如何,谢谢你的帮助,我会看看你的解决方案。
.row.flushed {
    position: fixed;
    right: 0;
    top: 50px;
    width: 33%;
}